模块化规范:AMD规范和CommonJs规范
为什么模块很重要?
因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。
但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!
考虑到Javascript模块现在还没有官方规范,这一点就更重要了。
目前,通行的Javascript模块规范共有两种:CommonJS和AMD。
CommonJS
2009年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用于服务器端编程。
这标志"Javascript模块化编程"正式诞生。
老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;
但是在服务器端,一定要有模块,与操作系统和其他应用程序互动,否则根本没法编程。
node.js的模块系统,就是参照CommonJS规范实现的。
在CommonJS中,有一个全局性方法require(),用于加载模块。假定有一个数学模块math.js,就可以像下面这样加载。
1. var math = require('math');
然后,就可以调用模块提供的方法:
- var math = require('math');
- math.add(2,3); // 5
因为这个系列主要针对浏览器编程,不涉及node.js,所以对CommonJS就不多做介绍了。我们在这里只要知道,require()用于加载模块就行了。
浏览器环境
- var math = require('math');
- math.add(2, 3);
第二行math.add(2, 3),在第一行require('math')之后运行,因此必须等math.js加载完成。也就是说,如果加载时间很长,整个应用就会停在那里等。
AMD
AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。
AMD也采用require()语句加载模块,但是不同于CommonJS,它要求两个参数:
- require([module], callback);
第一个参数[module],是一个数组,里面的成员就是要加载的模块;
- require(['math'], function (math) {
- math.add(2, 3);
- });
math.add()与math模块加载不是同步的,浏览器不会发生假死。所以很显然,AMD比较适合浏览器环境。
最新文章
- http请求get与post请求的几种实现
- Codeforces Round #251 (Div. 2) B. Devu, the Dumb Guy
- linux 的终端字体色和背景色的修改方法(二)
- 每天一道LeetCode--344. Reverse String
- Eclipse+GitHub
- UI进阶 SQLite错误码
- Android 使用纯Java代码布局
- leetcode算法:Island Perimeter
- VFIO PF SRIOV IOMMU UIO概念解释、关联
- 20175316盛茂淞 2018-2019-2 《Java程序设计》第3周学习总结
- python programming作业5
- DockerDesktop简单安装和使用
- Prometheus Node_exporter 之 Memory Detail Meminfo /proc/meminfo
- 10个Python面试常问的问题
- ajaxfileupload.js ajax上传文件(含application/json)
- 如何减少block的嵌套层次?
- NOIP赛前集训营-提高组(第一场)#B 数数字
- 关于在Andoird集成开发软件中添加外部jar包的方法
- docker和kubernetes docker的区别
- Python实现进程同步和通信
热门文章
- OpenCV 学习笔记(15)openc解帧视频
- [Javascript] Creating an Iterator from an Array
- ASP.NET中IOC容器Autofac(依赖注入DI 控制反转IOC)
- NOIp初赛题目整理
- Linux中fork()函数详解(转载)
- SQL 尚未定义空闲 CPU 条件 - OnIdle 作业计划将不起任何作用
- c# EPPlus读取Excel里面的时间字段时,1900-01-01转成了1899-12-31
- mysql创建存储过程动态SQL语句
- Shell脚本之一 Shell脚本简介
- Java 中常见的 final 类