美文网首页
commonjs模块化入门

commonjs模块化入门

作者: 秀萝卜 | 来源:发表于2020-10-12 10:52 被阅读0次

commonjs定义

每个文件就一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。

1.私有作用域不会污染全局作用域。
2.模块可加载多次,只会在第一次加载时运行一次,然后结果会被缓存起来,
以后在使用,就直接读取缓存结果。想要让模块再次运行,必须清除缓存
3.模块加载顺序是按照其在代码中出现的顺序

快速上手

1、require()用来引入外部模块,
2、exports()用来导出当前模块的变量和方法,
3、module对象代表模块对象

单变量方法导出引入

// a.js  导出
function add(a, b) {
    return a + b;
}

module.exports = add;
// b.js 引入
const add = require('./a.js');
console.log(add(10, 20));

多方法变量导出引入

// a.js 导出
function add(a, b) {
    return a + b;
}

function mul(a, b) {
    return a * b;
}

module.exports = {
    add,
    mul
};
// b.js 引入
const { add, mul } = require('./a.js');

console.log(add(10, 20));
console.log(mul(10, 20));
补充说明:
//const { add, mul } = require('./a.js');
const opt = require('./a.js');
const add = opt.add
const mul = opt.mul
和上面的注释是等价的,这就是解构的语法.
对象解构
let node = {
        type : 'identifier',
        name : 'foo'
};
let {type,name} = node;
console.log(type);//'identifier'
console.log(name);//'foo'

相关文章

  • node学习2

    什么是CommonJs? CommonJs就是模块化的标准,nodejs就是CommonJs(模块化)的实现 No...

  • commonjs模块化入门

    commonjs定义 每个文件就一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文...

  • ES6模块化

    模块化技术有哪些:- CommonJS(nodejs)、ES6模块化、AMD、CMD等 CommonJS:Comm...

  • JS模块化

    模块化规范:CommonJS,AMD,CMD,UMD,ES6 Module CommonJS CommonJS是服...

  • 前端工程化的一些理解

    一、模块化 主要是js模块化,可以使用CommonJS、AMD、CMD等模块化规范,其中的区别是CommonJS对...

  • nodejs03-commonjs

    CommonJs CommonJs是模块化的标准,nodejs是模块化的实现 nodejs模块 核心模块(node...

  • webpack基础

    模块化 CommonJS CommonJS是一种使用广泛的 JavaScript模块化规范,核心思想是通过 req...

  • CommonJS规范源码深入剖析

    CommonJS简介 CommonJS是NodeJS内置的模块化方案。 CommonJS基于文件系统,每一个文件都...

  • Js 模块

    AMD,CMD,CommonJS是目前最常用的三种模块化书写规范。 CommonJS CommonJS规范是诞生比...

  • 前端模块化开发

    前端模块化开发 常见的三大模块化框架。 CommonJS: 1.根据CommonJS规范,一个单独的文件就是一个模...

网友评论

      本文标题:commonjs模块化入门

      本文链接:https://www.haomeiwen.com/subject/gysupktx.html