AMD_CMD_RequireJS

题目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

入门15改

你可能感兴趣的:(AMD_CMD_RequireJS)