commonJs模块
node应用由模块组成,采用的commonjs模块规范。每一个文件就是一个模块,拥有自己独立的作用域,变量,以及方法等,对其他的模块都不可见。CommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,其实是加载该模块的module.exports属性。require方法用于加载模块。
所有代码都运行在模块作用域,不会污染全局作用域。
模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。
模块加载的顺序,按照其在代码中出现的顺序。
module对象
1.module.exports属性
module.exports属性表示当前模块对外输出的接口,其他文件加载该模块,实际上就是读取module.exports变量。
2.exports变量
node为每一个模块提供了一个exports变量(可以说是一个对象),指向 module.exports。这相当于每个模块中都有一句这样的命令 var exports = module.exports;
这样,在对外输出时,可以在这个变量上添加方法。例如 exports.add = function (r){return Math.PI * r *r};
- 注意:不能把exports直接指向一个值,这样就相当于切断了 exports 和module.exports 的关系。例如 exports=function(x){console.log(x)};
一个模块的对外接口,就是一个单一的值,不能使用exports输出,必须使用 module.exports输出。module.exports=function(x){console.log(x);};
用阮老师的话来说,这两个不好区分,那就放弃 exports,只用 module.exports 就好(手动机智)
CommonJS模块输出的是一个值的复制,ES6模块输出的是值得引用。 CommonJS模块是运行时加载,ES6模块是编译时输出接口。 第二个差异是因为CommonJS加载的是一个对象(即module.export属性),该对象只有在脚本运行结束时才会生成。而ES6模块不是对象,它的对外接口是一种静态定义,在代码静态解析阶段就会生成。 CommonJS模块输出的是值的复制,也就是说,一旦输出一个值,模块内部的变化就影响不到这个值。
//module.js
var num=1;
function add(){
num++;
}
module.exports={
num:num;
add:add;
};
//main.js
var mod=require('./module');
console.log(num);//1
mod.add();
console.log(num);//1
module.js模块加载以后,它的内部变化就影响不到输出的mod.num了,这是因为mod.num是一个原始类型的值,会被缓存。除非写成一个函数,否则得不到内部变动后的值。
//module.js
var num=1;
function add(){
num++;
}
module.exports={
get num(){
return num;
}
add:add;
};
//main.js
var mod=require('./module');
console.log(num);//1
mod.add();
console.log(num);//2
ES6模块
ES6模块的运行机制与CommonJS不一样。JS引擎对脚本静态分析的时候,遇到脚本加载命令import就会生成一个只读引用。等到脚本真正执行时,再根据这个只读的引用到被加载的模块中取值。ES6模块是动态引用,并且不会缓存值,模块里面的变量绑定其所在的模块。
//module.js
export var num=1;
export function add(){
num++;
}
//main.js
import {num,add} from './module'
console.log(num);//1
mod.add();
console.log(num);//2
由于ES6输入的模块变量只是一个“符号连接”,所以这个变量是只读的,对它进行重新赋值会报错
//module.js
export let obj={};
//main.js
import {obj} from './module'
obj.prop=1;//ok
obj={};//TypeError
export通过接口输出的是同一个值,不同脚本加载这个接口得到的都是同样的实例。 ES6模块之中,顶层的this指向的是undefined,CommonJS模块的顶层this指向当前模块,这是两者的一个重大差异。