模块化
为了解决文件之间的依赖,模块化是一种约定好的规范。
模块化规范是一种明文的约定,开发者都按照规范来写代码,减少沟通成本,极大的方便了各模块之间的相互调用。
一、 了解 CommonJS 规范
-
作用:是一套 Javascript 的模块化规范,规定了 模块的特性 和 各模块之间如何相互依赖;
-
用途:Node.js 中使用了 CommonJS 规范;
-
特点:同步加载模块,不适合在浏览器端使用;浏览器端使用 AMD / CMD。
-
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中有两个作用域,分别是 全局作用域 和 模块作用域;
- 全局作用域: 使用 global 来访问,类似于浏览器中的 window;
- 每个 Javascript 文件,都是一个单独模块,每个模块都有自己独立的作用域,因此:模块中的成员,默认无法被其它模块访问。
- 默认在 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 的关系
- module.exports 和 exports 默认引用了同一个空对象;
- module.exports 和 exports 作用一致,都可以向外暴露成员;
- 一个模块作用域中,向外暴露私有成员时,永远以 module.exports 为准;
作者:zhouhao_180
链接:https://www.jianshu.com/p/6fb38b916cd9
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。