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改

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 为什么要使用模块化? 最主要的目的:解决命名冲突依赖管理 其他价值提高代码可读性代码解耦,提高复用性 CMD、AM...
    Eazer阅读 3,959评论 3 1
  • 为什么要使用模块化? 1.解决命名冲突2.依赖管理3.提高代码可读性4.代码解耦,提高复用性 CMD、AMD、Co...
    小囧兔阅读 1,826评论 0 0
  • 题目1: 为什么要使用模块化? 模块的由来:嵌入网页的JS代码越来越庞大,越来越像桌面程序,需要一个团队去分工协作...
    萧雪圣阅读 2,087评论 0 0
  • 题目1: 为什么要使用模块化? 解决命名冲突 依赖管理 提高代码可读性 代码解耦,提高复用性 题目2: CMD、A...
    抚年华轻过阅读 2,726评论 0 0
  • 时间:2016.12.17 地址:倪家桥祖母厨房 游戏成员:我,银行家张豪,黄川 游戏期待:完成了上周的作业《不公...
    山谷兰铃520阅读 3,462评论 1 2