题目1: 为什么要使用模块化?
解决命名冲突
依赖管理
提高代码可读性
代码解耦,提高复用性
题目2: CMD、AMD、CommonJS 规范分别指什么?有哪些应用
- CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。主要用于浏览器端。它主要特点是:对于依赖的模块是延迟执行,依赖可以就近书写,等到需要用这个依赖的时候再引入这个依赖,应用有sea.js
// 定义模块 Module.js
define(function(require,exports,modules){
var printName = require('./a')
modules.exports = printName;
return {
printName: printName
};
});
// 加载模块
require(['Module'], function (my){
my.printName(); });
//require是一个方法,接受 模块标识 为唯一参数,用来获取其他模块的提供的接口。
//exports是一个对象,用来对外界提供模块接口
//Module 是一个对象,上面存储了与当前模块相关联的一些属性和方法
- AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。主要用于浏览器端。其特点是:依赖前置,需要在定义时就写好需要的依赖,提前执行依赖,应用有require.js
模块定义:
define([id], [dependencies], factory)
[id]可选参数,用来定义模块的标识,如果没有提供该参数,脚本文件名(去掉拓展名)
[dependencies],是一个当前模块依赖的模块名称数组
[factory],工厂方法,模块初始化要执行的函数或对象。如果为函数,它应该只被执行一次。如果是对象,此对象应该为模块的输出值
模块加载:
require([module], callback)
module,表示所需要加载的模块
callback,模块加载完成后的回调函数
define(['dependency'], function(){
var name = 'Byron';
function printName(){
console.log(name);
}
return {
printName: printName
};
});
// 加载模块
require(['Module'], function (my){
my.printName()
})
- CommonJS规范是在服务器端模块的规范,是同步加载的。应用有node.js
所有代码都运行在模块作用域,不会污染全局作用域。
模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。
模块加载的顺序,按照其在代码中出现的顺序
//模块定义
var x = 5;
var addX = function (value) {
return value + x;
};
module.exports.x = x;
module.exports.addX = addX;
//模块加载
var example = require('./example.js');
console.log(example.x); // 5
console.log(example.addX(1)); // 6
网友评论