Node-CommonJS 规范、模块作用域

模块化


为了解决文件之间的依赖,模块化是一种约定好的规范。
模块化规范是一种明文的约定,开发者都按照规范来写代码,减少沟通成本,极大的方便了各模块之间的相互调用。

一、 了解 CommonJS 规范

  1. 作用:是一套 Javascript 的模块化规范,规定了 模块的特性各模块之间如何相互依赖

  2. 用途:Node.js 中使用了 CommonJS 规范;

  3. 特点:同步加载模块,不适合在浏览器端使用;浏览器端使用 AMD / CMD。

  4. CommonJS规范都定义了哪些内容:wiki 对于 Modules 的描述

4.1 如何引入: In a module, there is a free variable "require", that is a Function.
4.2 如何暴露给别人使用:In a module, there is a free variable called "exports", that is an object that the module may add its API to as it executes.
4.3 必须有一个变量module :In a module, there must be a free variable "module", that is an Object.

二、 浏览器端的 AMD 和 CMD 模块化规范

注意:浏览器端不能使用 CommonJS规范;因为 CommonJS 下,模块是同步加载的;

AMD/CMD可以理解为是commonjs在浏览器端的解决方案,AMD/CMD下,模块都是异步加载的;

1. AMD模块化规范代表:RequireJS

  • 主要特性1:对于依赖的模块,AMD 是提前执行;
  • 主要特性2:推崇依赖前置;

2. CMD模块化规范代表:SeaJS

  • 主要特性1:对于依赖的模块,CMD 是延迟执行;CMD 推崇 as lazy as possible.
  • 主要特性2:推崇依赖就近;

3. ES6的模块化(大趋势):es6是在语言标准层面上,实现了模块功能,而且实现得相当简单,完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器通用的模块解决方案;

三、 模块作用域 和 全局作用域

在Node.js中有两个作用域,分别是 全局作用域模块作用域

  1. 全局作用域: 使用 global 来访问,类似于浏览器中的 window
  2. 每个 Javascript 文件,都是一个单独模块,每个模块都有自己独立的作用域,因此:模块中的成员,默认无法被其它模块访问。
  3. 默认在 Node 中,每一个 JS 文件中定义的 方法、变量,都是属于 模块作用域的.

挂载到global(不推荐,变量名污染)

 

var b = 20;
global.b = b; 
global.say = function () {
  console.log('这是挂载到全局的 say 方法');
}

四、 模块作用域

1. module(模块标识)

module 属性是 Common JS 规范中定义的,它是一个对象,表示当前这个具体的 js 模块;

2. require(引用模块)

每一个实现了 CommonJS 规范的模块,必须定义一个 require() 函数,使用这个 require 函数,就能够 很方便的导入其它 模块中的成员,供自己使用;

3. exports(暴露模块成员)

每一个模块中,如果想要把自己的一些私有成员,暴露给别人使用,那么,必须实现一个 exports 对象,通过exports对象,可以方便的把模块内私有的成员,暴露给外界使用;

五、module.exports 和 exports 的关系

  1. module.exports 和 exports 默认引用了同一个空对象;
  2. module.exports 和 exports 作用一致,都可以向外暴露成员;
  3. 一个模块作用域中,向外暴露私有成员时,永远以 module.exports 为准;



作者:zhouhao_180
链接:https://www.jianshu.com/p/6fb38b916cd9
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Node-CommonJS 规范、模块作用域Node-CommonJS 规范、模块作用域 xiaokanfuchen86 发布了4 篇原创文章 · 获赞 0 · 访问量 122 私信 关注
上一篇:webpack-dev-server更新报错——Cannot assign to read only property 'exports'


下一篇:import、require、export、module.exports 混合使用详解