前端从业人员技术贴

NodeJS-如何去理解CommonJS

2019-06-21  本文已影响2人  贝程学院_前端

先偏移主题,聊聊闭包
JavaScript中具有全局作用域和函数作用域: 函数内部可以直接读取全局变量,在函数外部无法读取函数内部的局部变量

如何获取内部变量的呢?

闭包: 闭包就是能够读取其他函数内部变量的函数

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

在浏览器中,我们可以理解每一个函数为一个局部作用域,全局作用域属于window下,并且每一个js文件通过HTML文件联系起来,这就说明每一个js文件都共处于一个全局作用域下

在Node当中,每个js文件又如何联系起来?

JS没有模块系统、标准库较少,但我们有文件呀~
因此采用CommonJs规范, 将每一个JS文件联系起来,

什么是CommonJs规范? 怎么联系呢?

  1. 每个文件就是一个模块,拥有单独的作用域: 普通方式定义的变量、函数、对象都属于该模块内;
  2. 使用exports和modul.exports来暴露模块中的内容
  3. 然后通过require来加载模块

也就是说某个文件通过module.exports抛出,另一个文件require引入,这样两个文件就联系起来了

image.png

闭包函数与JS文件是不是有点像?

是的,很像了,将私有的变量暴露出去了~

1、闭包与引入模块

闭包

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

引入模块


image.png
2、闭包函数调用两次与同一个模块被不同的两个文件中引入

闭包函数调用两次

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

var foo2 = fn();

foo2(); // 2
foo2(); // 3

同一个模块在不同的两个文件中引入


image.png

require:引入模块

同步加载模块:读取JS文件,并且执行该文件,然后抛出该exports.modules对象,并且会将其缓存
也就是说:某个文件引入同一个模块两次,那么第二次读取的则是缓存中的exports.modules对象

var mod = require('./modules');
var mod2 = require('./modules');

console.log(mod === mod2); // true

console.log(mod.a); // 1
mod.a++;
console.log(mod.a); // 2
console.log(mod2.a); // 2

require的引入机制是啥?

  1. 由当前执行文件目录到磁盘根目录,逐级向上查询文件node_modules
  2. 读取文件名,并且尝试添加.js、.node、.json后缀之后查找
  3. 如果存在则结束查找,如果不存在则进行上一级查找
  4. 还会将其参数作为包引入,读取包目录下的package.json文件,取得main参数指定的入口文件
  5. 找不到就抛出错误

exports / module.exports 都是用来暴露模块,两个有什么不同?

在node中,每个js文件都有 module.exports这个对象,为了方便,相当于在模块头部加了这句话:
var exports = module.exports;

不同之处:

  1. export不能重新赋值, 不然会切换与module.exports的联系,因为其存的是module.exports对象的指针
  2. 最终暴露出去的对象是module.exports
image.png image.png

以下面这个例子来说:

var modex = {};
var exp = modex;

console.log(exp === modex); // true

exp.a = 1;

console.log(modex.a); // 1;

// 如果 exp 重新赋值了,那么久切断了与modex对象的联系
exp = {a : 2};

console.log(exp); // { a: 2 }
console.log(modex); // { a: 1 }

exports其实与exp这个变量都是一样的: 存储着对象的指针地址
exp存的是modex对象的指针

exports存的是module.exports对象的指针

什么时候用exports,什么时候用module.exports?

构造函数的情况可以使用module.exports

image.png
上一篇 下一篇

猜你喜欢

热点阅读