模块化

作者: 饥人谷_有点热 | 来源:发表于2017-07-03 13:57 被阅读0次

    1. 为什么要使用模块化?

    最主要的是解决命名冲突、解决文件依赖这两大问题。

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

    AMD 即Asynchronous Module Definition,中文名是“异步模块定义”的意思。模块将被异步加载,模块加载不影响后面语句的运行。所有依赖某些模块的语句均放置在回调函数中。
    AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出。所以主要应用也就是RequireJS 。
    语法:

    // AMD 默认推荐的是
    define(['./a', './b'], function(a, b) {  
    // 依赖必须一开始就写好    
    a.doSomething()    
    // 此处略去 100 行   
    b.doSomething()    ...
    
    

    虽然 AMD 也支持 CMD 的写法,同时还支持将 require 作为依赖项传递,但 RequireJS 的作者默认是最喜欢上面的写法,也是官方文档里默认的模块定义写法。

    CMD(Common Module Definition) 通用模块定义。该规范明确了模块的基本书写格式和基本交互规则。该规范是在国内发展出来的。AMD是依赖关系前置,CMD是按需加载。
    CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。所以主要应用也就是SeaJS 。

    define(function(require, exports, module) {
       var a = require('./a')
       a.doSomething()   // 此处略去 100 行
       var b = require('./b') // 依赖可以就近书写
       b.doSomething()   // ... })
    

    CommonJS是服务器端模块的规范。根据CommonJS规范,一个单独的文件就是一个模块。每一个模块都是一个单独的作用域,也就是说,在该模块内部定义的变量,无法被其他模块读取,除非定义为global对象的属性
    Node.js应用了这个规范。
    根据CommonJS规范,一个单独的文件就是一个模块。加载模块使用require方法,该方法读取一个文件并执行,最后返回文件内部的exports对象。

    // a.js
    
    var a = {
        "a":a,
        "b":b
    }
    
    module.export = a //模块导出
    
    // b.js
    var b = require('./a.js') //模块引入
    

    requirejs打包
    r.js

    相关文章

      网友评论

          本文标题:模块化

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