美文网首页
AMD_CMD_RequireJS

AMD_CMD_RequireJS

作者: 727上上上 | 来源:发表于2017-10-25 21:24 被阅读0次

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

          本文链接:https://www.haomeiwen.com/subject/pxmcpxtx.html