【JavaScript】JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系

通行的Javascript模块规范共有两种:CommonJSAMD

先说说CommonJS

CommonJS - 大家是不是觉得JavaScript仅仅是一个客户端的编译语言,其实JavaScript设计之初不仅仅是针对客户端设计的语言。后来只是由于Web的迅速流行,加之Netscape和微软之间之争过早的将JavaScipt标准化。要了解详细的JS历史请查看:http://zh.wikipedia.org/zh-cn/JavaScript。过早的标准化JS就导致JS的诸多缺陷和标准类库的缺乏,即使这样也不影响JS成为一门优秀的编程语言(比如现在非常流行的Node.js)。目前JS仅仅包括基本的API,如果要作为一个server端的编程语言,像IO, FS, i18n, package等等特性都没有,CommonJS是一个组织,它让JS可以在共同的方向上做努力,来完善JS。尽量Common JS现在还没有一个正式版发布,但是很多方向的草案的实现都已经取得很好的成果。例如现在非常流行的Node.js。

再回到本文的主题来,CommonJS和AMD,RequireJS有什么关系呢?原来CommonJS其中就有一个Modules规范,我们都像JS现在这样所有东西都写在一个文件中来写server端应用是一件非常困难的事情,它就是来解决JS没有模块化管理代码的功能。关键部分就二个函数:

require - 用来引入依赖

export - 用来导出模块,包括标识符(identifier)和模块内容(contents)

CommonJS并没有只是一个规范,就像Java中的Interface一样,并没有注明你应该怎么实现。

问题在于CommonJS的这个Modules规范设计之初是为了server端设计的,它是一个同步的模式。但是这种模式并不适合于浏览器端,大家设想一下如果浏览器同步模式一个一个加载模块,那么打开将会变得非常的慢,所以AMD就是为了这个诞生,它最大的特点就是可以异步的方式加载模块,具体的不同在于AMD有一个define函数,它可以让当前模块运行时先加载当前模块所依赖的模块,例如以下定义的意义就是在运行function时先加载依赖的module, dependency, array模块。

define(‘module/id/string‘, [‘module‘, ‘dependency‘, ‘array‘],

function(module, dependency, array) {

return ModuleContents;

});

所以说CommonJS Module和AMD都是JS模块化定义的API,出自相同的起源的,就是可以让JS可以模块化加载。

那么RequrieJS其实就是AMD现在用的最广泛,最流行的实现。在RequireJS网站上的介绍其实也有说明RequireJS诞生的原因,只是当时我并没有看懂。

RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quality of your code.

从以上基本可以看清CommonJS(泛指Modules规范),AMD和RequireJS之前的关系了。简单的来讲CommonJS Modules和AMD都是为了解决JS模块化的规范API,CommonJS更适合于Server端,而AMD基本是用于浏览器端(不过它也可以用于Server端,比如Node loader的方向的努力:http://requirejs.org/docs/node.html),而RequireJS就是AMD最流行的实现。

http://www.2cto.com/kf/201401/270303.html

时间: 2024-12-25 08:17:34

【JavaScript】JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系的相关文章

前端模块化(CommonJs,AMD和CMD)

前端模块规范有三种:CommonJs,AMD和CMD. CommonJs用在服务器端,AMD和CMD用在浏览器环境AMD 是 RequireJS 在推广过程中对模块定义的规范化产出.CMD 是 SeaJS 在推广过程中对模块定义的规范化产出.AMD:提前执行(异步加载:依赖先执行)+延迟执行CMD:延迟执行(运行到需加载,根据顺序执行) 模块 函数写法 function f1(){ //... } function f2(){ //... } 模块就是实现特定功能的文件,把几个函数放在一个文件里

Javascript模块化编程(二)AMD规范(规范使用模块)

这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块,先想一想,为什么模块很重要?接下来为您详细介绍,感兴趣的朋友可以了解下啊.今天介绍如何规范地使用模块. 七.模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了. 目前,

Javascript的模块化编程

Javascript在设计之初并没有提供一种原生的,语言级别的模块化方式来组织代码,比如Java语言通过package和import来管理和使用模块.ECMAScript 6引入了class和import的概念来支持模块化,但是浏览器全面支持这个标准还需要很长时间. 应用程序的模块化指的就是通过一些高度解耦的,存放在不同地方的功能模块构成.近年来随着Javascript应用的复杂化,大型化,Javascript代码需要更为有序的组织,在Javascript社区出现了很多种模块化的实现方式,最主要

前端模块化:CommonJS,AMD,CMD,ES6

模块化的开发方式可以提高代码复用率,方便进行代码的管理.通常一个文件就是一个模块,有自己的作用域,只向外暴露特定的变量和函数.目前流行的js模块化规范有CommonJS.AMD.CMD以及ES6的模块系统.参见阮一峰老师的文章 module-loader . 一.CommonJS Node.js是commonJS规范的主要实践者,它有四个重要的环境变量为模块化的实现提供支持:module.exports.require.global.实际使用时,用module.exports定义当前模块对外输出

JavaScript中堆栈解析,已经与delete之间的关系。

1,在栈中的数据不会随意删除. 2,堆中的数据可以随意删除. 注意:用eval("var a")定义的变量存放在栈中. var 和function 语句在JavaScript中的优先级很高,需要预执行. 预执行就是因为需要计算作用域中局部变量指针所占空间的大小,从而给他们分配内存. 栈中的东西是不能随意删除的,所以我们无法删除这些变量. 但是某些情况下变量也可以放在堆中,比如使用eval执行var语句在运行过程中动态定义变量. 由于栈空间的计算在作用域运行前就计算好的,运行过程中动态定

JavaScript 模块化编程(笔记)

第一章 JavaScript模块化编程 (一):模块的写法 一 原始写法// 模块就是实现特定功能的一组方法;只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块;    function m1(){        // ...    }    function m2(){        // ...    }// 上面的函数m1()和m2(),组成一个模块;使用时直接调用就行;// 缺点:"污染"了全局变量; 无法保证不与其他模块发生变量名冲突,而且模块成员之间看不出

JavaScript模块化编程(笔记)

一直对JS都是一知半解,最近遇到这方面问题,所以在网上学习了一下,现在还没有完全明白,先贴出笔记; 1 第一章 JavaScript模块化编程(一):模块的写法 2 3 一 原始写法 4 // 模块就是实现特定功能的一组方法;只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块; 5 function m1(){ 6 // ... 7 } 8 function m2(){ 9 // ... 10 } 11 // 上面的函数m1()和m2(),组成一个模块;使用时直接调用就行; 1

模块化编程(二)---common.js

CommonJS是服务器端模块的规范,由Node推广使用.由于服务端编程的复杂性,如果没有模块很难与操作系统及其他应用程序互动.使用方法如下: 根据CommonJS规范: 一个单独的文件就是一个模块.每一个模块都是一个单独的作用域,也就是说,在该模块内部定义的变量,无法被其他模块读取,除非定义为global对象的属性. 输出模块变量的最好方法是使用module.exports对象. 加载模块使用require方法,该方法读取一个文件并执行,返回文件内部的module.exports对象 仔细看上

JS模块化编程

js模块化编程演化 博客文章: 1 传统模块化:http://www.ruanyifeng.com/blog/2012/10/javascript_module.html 2 AMD规范:http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html 3 RequireJs:http://www.ruanyifeng.com/blog/2012/11/require_js.html 现在有两大模块化规范,使用在