关于JavaScript的模块（CommonJS, AMD, CMD, ES6模块）的理解

Javascript模块化就是解决将代码进行分隔，作用域隔离，模块之间的依赖管理等多个方面问题。
这样的优点不言而喻：1.可维护性2.命名空间私有化，可以避免污染全局环境3.代码重用，通过模块可以方便的引入，而不用担心对现有的代码造成影响。接下来分别分析一下几种主流的模块化方法：CommonJS：在该规范中，每个js文件就是一个独立的模块上下文，在这个上下文中，默认创建的属性都是私有的。该规范采用的是同步加载模块，即一个一个依次加载模块。

        //sayHi.js文件var sayHi = function(){console.log("hello")};module.exports = sayHi;//main.js文件        var say = require('./sayHi.js')say();//hello
``
注意：CommonJS是服务器端的解决方案，需要一个兼容的脚本加载器作为前提条件。该加载器必须支持名为require和module.exports的函数，它们将模块导入导出。AMD：异步模块定义，它优先照顾浏览器的模块加载场景，使用了异步加载和回调的方式。该规范要求脚本加载器对define方法的支持。该方法有三个参数：模块名称（可省略），模块运行依赖（可省略，多个以数组形式表示），所有依赖加载后执行的回调函数。define既是一种引用模块的方式，也是定义模块的方式。因为是通过回调执行代码，这样就能保证依赖在加载时可以异步。

define(sayHi, [’./sayHi’], function(say){
say.sayHi()
})

 CMD：在CMD中，一个模块就是一个文件。全局函数define，用来定义模块。参数factory可以是一个函数，也可以为对象或者字符串。当factory为对象，字符串时，表示模块的接口就是该对象，字符串。

define（function（require, exports, module){
//模块代码
}

ES6模块：该模块会自动采用严格模式。使用export选择性的给其他模块暴露自己的属性和方法，供其他模块使用。使用export default默认暴露所有属性和方法。一个文件只能使用一次。使用import...from...导入其他模块提供的属性和方法。属性和方法要放在大括号里，可以使用as改变变量名。

import {a as b} from ‘./sayHi’

关于JavaScript的模块（CommonJS, AMD, CMD, ES6模块）的理解相关推荐

CommonJS,AMD,CMD,ES6,require 和 import 详解
CommonJS,AMD,CMD,ES6 commonJS用同步的方式加载模块.在服务端,模块文件都存在本地磁盘,读取非常快,所以这样做不会有问题.但是在浏览器端,限于网络原因,更合理的方案是使用异步 ...
commonjs是什么_JavaScript模块化标准CommonJS/AMD/CMD/UMD/ES6Module的区别
JS-模块化进程随着js技术的不断发展,途中会遇到各种问题,比如模块化. 那什么是模块化呢,他们的目的是什么? 定义:如何把一段代码封装成一个有用的单元,以及如何注册此模块的能力.输出的值依赖引用: ...
兼容多种模块规范(AMD,CMD,Node)的代码
前言昨天,公司同事问了我如下一个问题: 说他在看一个插件时,看到了源码结构如截图所示,他知道(function(){})()是一种立即执行函数,但是在截图中,最后的那个圆括号里又写了一个函数func ...
模块格式：CommonJS AMD CMD UMD ES6
皆为前端工程化中定义模块(module)的规则,如:模块标识,模块依赖,模块实现,模块对外接口,模块加载: 实现时有:异步,同步,依赖前置,依赖就近,预执行,懒执行,软依赖,硬依赖,模块对象支持类型等 ...
JS JavaScript模块化（ES Module/CommonJS/AMD/CMD）
前言前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了, jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得 ...
CommonJS/AMD/CMD/UMD
为什么会有这几种模式? 起源:Javascript模块化模块化就是把复杂问题分解成不同模块,这样可维护性高,从而达到高复用,低耦合. 1.Commonjs CommonJS是服务器端模块的规范,No ...
关于 CommonJS AMD CMD UMD 规范的差异总结
根据CommonJS规范,一个单独的文件就是一个模块.每一个模块都是一个单独的作用域,也就是说,在一个文件定义的变量(还包括函数和类),都是私有的,对其他文件是不可见的. // foo.js var ...
python如何卸载模块cmd_使用cmd python模块时,如何使程序正常崩溃？
不幸的是,完成者中的异常被捕获在readline黑暗深处的某个地方.你可以试试这样的东西: import cmd import traceback def log_exceptions(fun): d ...
javascript模块化之CommonJS、AMD、CMD、UMD、ES6
javascript模块化之CommonJS.AMD.CMD.UMD.ES6 一.总结一句话总结: CommonJS是同步加载模块,用在服务端:AMD是异步加载模块,用于浏览器端 1.为什么服务器端 ...

关于JavaScript的模块（CommonJS, AMD, CMD, ES6模块）的理解

关于JavaScript的模块（CommonJS, AMD, CMD, ES6模块）的理解相关推荐

最新文章

热门文章