CommonJs和AMD是什么（20170214）

2019独角兽企业重金招聘Python工程师标准>>>

学习node的同时，才开始接触到模块式开发，自然就会接触到CommonJs和AMD，当时应该也是一知半解的状态，今天打算静下心来学习一下vue.js的时候又再次接触到这两个，是该好好的总结一下，一知半解早晚会忘记，还不如不知道，汗！自己的学习动力绝对来自于比较然后自卑！！！回头看看，好像什么都没有过扎实的知识轮廓呀，好失败呀！！

文章参考http://javascript.ruanyifeng.com/nodejs/module.html阮一峰老师的文章

CommonJs
CommonJS是一种模块式开发规范，NodeJS是这种规范的实现。
Javascript是强大的面向对象的语言，它的API都是针对浏览器进行应用和开发的，而CommonJs定义了许多非浏览器的API。两者是不冲突的。
CommonJs 相关规范
参考http://weizhifeng.net/commonjs-module-1.0-specification.html
一般一个文件就是一个模块，通过require引用一个模块，模块里面的变量和内容都是私有的，而exports对象上的方法和变量是公有的，通过它把模块中的对象暴露出来；
CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)}
require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身，而每一个模块都会有一个module对象，对象上面会有id，filename等相关属性；
CommonJs服务器端“同步”加载模块
CommonJs模块的加载需要等待前面的模块加载完成才能加载；因为node是服务器端语言，很多文件一般都已经存在在硬盘中，所以加载起来还是很快的
```
//setName.js
var name = "lily";
var setName = function(){return "my name is "+name
}
module.exports.setName = setName;var getName = require("./setName.js");
console.log(getName)
```
AMD浏览器端异步加载模块
基于浏览器的模块式开发就不能在使用CommonJs，这时AMD就应运而生。最常见的就是Require.js；使用define来定义模块
```
 define(['require'], function (require) {//the require in here is a local require.});define(function (require, exports, module) {//the require in here is a local require.});
```

转载于:https://my.oschina.net/leonaLily/blog/838461

CommonJs和AMD是什么（20170214）相关推荐

关于commonjs，AMD，CMD之间的异同
1.简介随着前端业务复杂度的增加,模块化成为一个大的趋势.而在ES6还未被浏览器所支持的情况下,commonjs作为ES6中标准模块加载方案,在客服端中的支持情况并不好,现在在客服端中有2中模块化的 ...
Javascript模块规范(CommonJS规范AMD规范)
Javascript模块化编程(AMD&CommonJS) 前端模块化开发的价值:https://github.com/seajs/seajs/issues/547 模块的写法查看 AMD规 ...
javascript模块化之CommonJS、AMD、CMD、UMD、ES6
javascript模块化之CommonJS.AMD.CMD.UMD.ES6 一.总结一句话总结: CommonJS是同步加载模块,用在服务端:AMD是异步加载模块,用于浏览器端 1.为什么服务器端 ...
CommonJS，AMD，CMD区别 - 郑星阳 - ITeye博客
CommonJS,AMD,CMD区别博客分类: seajs和requirejs JavaScript zccst转载学得比较晕,再次看commonjs,amd, cmd时好像还是没完全弄清楚,今天 ...
js模块化编程之彻底弄懂CommonJS和AMD/CMD！
为什么80%的码农都做不了架构师?>>> 先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 但是,这样做有一个前 ...
js模块化编程之彻底弄懂CommonJS和AMD/CMD
转载地址:http://www.cnblogs.com/chenguangliang/p/5856701.html 先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想 ...
无法找到模块“mint-ui”的声明文件_[搬运] JavaScript 模块化：CommonJS vs AMD vs ES6...
本文主体部分翻译+搬运自外网著名技术博客网站 medium.com 的一篇点赞数 2.7k 的文章 (文章链接在结尾处) 什么是 JavaScript 模块 JavaScript 模块指的是一段可 ...
JS中的CommonJS和AMD
参考:https://www.cnblogs.com/moxiaowohuwei/p/8692359.html js中function立即执行函数两种写法: (function (p1, p2) {c ...
前端模块化CommonJS、AMD、CMD、ES6
一.前端模块化什么是模块化?为什么前端需要模块化? js代码量激增,放在同一个文件里面,不容易维护,而且牵一发而动全身. 这时候就需要将代码按照逻辑放在不同的文件里面,按照一定的语法规则,遵循特定的 ...

CommonJs和AMD是什么（20170214）

CommonJs和AMD是什么（20170214）相关推荐

最新文章

热门文章