Js-模块化规范（commanJS、AMD）

我就是我 2022-11-28 13:30 239阅读 0赞

# Ⅰ- 壹 - 模块化开发规范 #

## 一 什么是模块化 ##

模块化其实是一种规范，一种约束，这种约束会大大提升开发效率。将每个js文件看作是一个模块，每个模块通过固定的方式引入，并且通过固定的方式向外暴露指定的内容。

按照js模块化的设想，一个个模块按照其依赖关系组合，最终插入到主程序中。

## 二 模块化开发规范和概念 ##

模块化开发规范主要分为

*  CommanJS规范：运用于nodejs服务端的规范
 *  AMD规范：中文名是“异步模块定义”的意思。它是一个在浏览器端模块化开发的规范，模仿commanJS规范，需要把一个模块放入require.js

# Ⅱ - 贰 - commanJS规范 #

2009年，美国程序员Ryan Dahl创造了node.js项目，这标志"Javascript模块化编程"正式诞生。node.js的模块系统，就是参照CommonJS规范实现的。在CommonJS中，有一个全局性方法require()，用于加载模块。CommonJs规范的特点：

*  原生Module对象，每个文件都是一个Module实例；
 *  文件内通过require对象引入指定模块；
 *  所有文件加载均是同步完成的；
 *  通过module关键字显露内容；
 *  每个模块加载一次之后就会被缓存；
 *  由于使用了Node的api，只能在服务端环境上运行。

## 一 导出导入 ##

### (1) 导出 ###

module.exports=obj;//这个导出一个
    
    //exports.obj=obj;//这个可以导出多个

### (2) 导入 ###

使用require进行导入如果不是内置的模块则需要`./`不需要添加后缀

例：导入index.js

var index=require("./index");

# Ⅲ - 叁 - AMD规范 #

AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到所有依赖加载完成之后（前置依赖），这个回调函数才会运行。

*  模仿commanJS规范，需要把一个模块放入require.js，需要在head标签内添加

*  data-main=""//指向的文件

## 一 AMD使用 ##

*  AMD要求有两个参数，第一个参数是一个数组，里面是要加载的模块；第二个参数是加载成功后的回调函数，函数的参数就是模块返回的内容。
    
        require([moudle],callback);
 *  在定义模块的时候需要使用define函数定义，id是定义模块的名字，dependencies是前置依赖，callback是所有依赖加载完毕之后执行的回调函数。

define(id?, dependencies?, callback);

例子：

(1) 定义一个a.js

define((function(){
        var a=1;
        return {
            b:2,
            init:function(){
                console.log(a);
                console.log(this.b);
            }
        }
    })());

(2) 定义一个b.js

define((function(){
        return {
            init:function(a,b){
                console.log(a+b);
            }
        }
    })());

(3) 入口文件index.js

/* 
        入口文件
        数组中加载的是地址
    */
    // 后面的回调函数参数就是接受返回的前面加载的模块
    require(["./a","./b"],function(obj,obj2){
        // console.log(obj);
        obj.init();
        // fn(10,obj.b);
        obj2.init(10,obj.b);
    })

# 0 - 0 - 知识点： #