AMD_CMD_RequireJS

2017-10-25  本文已影响0人  727上上上

题目1: 为什么要使用模块化?

解决命名冲突
依赖管理
提高代码可读性
代码解耦,提高复用性

题目2: CMD、AMD、CommonJS 规范分别指什么?有哪些应用

// 定义模块 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 是一个对象,上面存储了与当前模块相关联的一些属性和方法
define(['dependency'], function(){
    var name = 'Byron';
    function printName(){
        console.log(name);
    }

    return {
        printName: printName
    };
});

// 加载模块
require(['Module'], function (my){
  my.printName()
})
//模块定义
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改

上一篇 下一篇

猜你喜欢

热点阅读