文档章节

CommonJS和AMD

丿
 丿wolf
发布于 2016/12/21 15:25
字数 524
阅读 187
收藏 0
点赞 0
评论 0

CommonJS和AMD

CommonJS

JavaScript是一个基于对象的编程语言。官方JavaScript标准定义的API是为了构建基于浏览器的应用程序。然而,并没有定义一个应用于更广泛的应用程序的标准库。CommonJS API定义了很多普通应用程序(主要指非浏览器应用程序)使用的API,从而填补了这个空白,它的终极目标是打造一个类似于java、python的标准库。这样,开发者可以使用CommonJS API编写应用程序,然后这些应用可以应运行在不同的JavaScript的解释器和不同的主机环境中。在兼容CommonJS的系统中,你可以使用JavaScript做:

  • 服务器端的JacaScript应用程序
  • 命令行工具

服务器端的Node.js遵循了CommonJS规范,该规范的核心思想是允许模块通过require方法来同步加载所依赖的其他模块,然后通过exportsmodule.exports来导出需要暴露的接口。

require('module')
require('./file.js')
exprots.sayHello = function () {
	console.log('hello')
}
module.exports = fn

优点:

  • 服务器端模块便于重用
  • NPM中已经有了将近20万个可以使用模块包
  • 简单并且容易使用

缺点:

  • 同步的模块加载方式不适合在浏览器环境中,同步意味着阻塞加载,浏览器资源是异步加载的
  • 不能非阻塞的并行加载多个模块

AMD

AMD规范其实只有一个主要接口define(id?, dependencies?, factory),它要在声明模块的时候加载所有的依赖dependencies,并且还要当做形参传到factory中,对于依赖的模块提前进行,依赖前置。

define("module", ["dep1", "dep2"], function (d1, d2) {
	return value
})
require(["module", "../file"], function (module, file) {/*TODO...*/})

优点:

  • 适合在浏览器环境中异步加载模块
  • 可以并行加载多个模块

缺点:

  • 提高了开发成本,代码的阅读和书写比较困难,模块定义方式的语义不顺畅
  • 不符合通用的模块化思维方式,是一种妥协的实现

© 著作权归作者所有

共有 人打赏支持
丿
粉丝 0
博文 1
码字总数 524
作品 0
海淀
TypeScript 模块导入那些事

ES6 模块导入的限制 我们先来看一个具体的例子: 在 Node 项目里,使用 CommonJS 规范引入一个模块: 改写为 TypeScript(1.5+ 版本)时,通常有两种方式: 使用 ES6 模块导入方式: 使用 Ty...

三毛丶 ⋅ 06/11 ⋅ 0

CommonJS/AMD/CMD/UMD概念初探

1、CommonJS是一种规范,NodeJS是这种规范的实现。 1.1、CommonJS 加载模块是同步的,所以只有加载完成才能执行后面的操作。 参考: http://www.commonjs.org/ http://javascript.ruanyifen...

easonjim ⋅ 2016/12/12 ⋅ 0

ES6与CommonJS中的模块处理

ES6和CommonJS都有自己的一套处理模块化代码的措施,即JS文件之间的相互引用。 为了方便两种方式的测试,使用nodejs的环境进行测试 CommonJS的模块处理 使用require来引入其他模块的代码,使...

zsfblank ⋅ 06/12 ⋅ 0

使用模块化工具打包自己开发的JS库

博客地址 最近有个需求,需要为小程序写一个SDK,监控小程序的API调用和页面报错(类似fundebug) 听起来高大上的SDK,其实就是一个JS文件,类似平时开发中我们引入的第三方库: 小程序的模块化...

深红 ⋅ 06/08 ⋅ 0

Vue小技巧,如何导入普通JS文件

最近在开发一个展示3D模型的WEB程序,在工程中使用了VUE和ThreeJS库。Three.js本身是支持CommonJS的,但我们还用到了OBJLoader模块,此模块不支持CommonJS,改成CommonJS比较麻烦(真相是懒综...

吃瓜群众路人丙 ⋅ 06/11 ⋅ 0

浅谈Node中module的实现原理

曾几何时,Javascript还没那么牛逼,几乎所有人都觉得它是用来做网页特效的脚本而已。彼时仓促创建出来的javascript的自身缺点被各种吐槽。随着web的发展,Javascript如今是媳妇熬成婆,应用...

xuerensusu ⋅ 05/21 ⋅ 0

很全很全的 JavaScript 模块讲解

模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打...

一个敲代码的前端妹子 ⋅ 05/11 ⋅ 0

v-charts 1.17.0 发布,优化 commonjs 包体积

v-charts 1.17.0 已发布,v-charts 是饿了么开源的基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简单的配置项,便可轻松生成常见的图...

王练 ⋅ 06/16 ⋅ 0

37互娱前端校招笔试(2019提前批)

选择题 -7的二进制补码是多少?(牛客题) RSA, SHA, DES, BASE64中哪个是不可逆的? 计算机软件可以分为系统软件和应用软件,请问系统软件的核心是什么? 线性表(7, 34, 55, 25, 64, 46, 2...

求职小小菜鸡 ⋅ 06/06 ⋅ 0

exports 与 module.exports 的区别

CommonJS 模块 module.exports 初始值为一个空对象 {} exports 是 module.exports 的别名,即 exports 指向 module.exports require() 返回的是 module.exports 而不是 exports。故两者选其一...

中柠檬 ⋅ 2017/07/31 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

熊掌号收录比例对于网站原创数据排名的影响[图]

从去年下半年开始,我在写博客了,因为我觉得业余写写博客也还是很不错的,但是从2017年下半年开始,百度已经推出了原创保护功能和熊掌号平台,为此,我也提交了不少以前的老数据,而这些历史...

原创小博客 ⋅ 53分钟前 ⋅ 0

LVM讲解、磁盘故障小案例

LVM LVM就是动态卷管理,可以将多个硬盘和硬盘分区做成一个逻辑卷,并把这个逻辑卷作为一个整体来统一管理,动态对分区进行扩缩空间大小,安全快捷方便管理。 1.新建分区,更改类型为8e 即L...

蛋黄Yolks ⋅ 今天 ⋅ 0

Hadoop Yarn调度器的选择和使用

一、引言 Yarn在Hadoop的生态系统中担任了资源管理和任务调度的角色。在讨论其构造器之前先简单了解一下Yarn的架构。 上图是Yarn的基本架构,其中ResourceManager是整个架构的核心组件,它负...

p柯西 ⋅ 今天 ⋅ 0

uWSGI + Django @ Ubuntu

创建 Django App Project 创建后, 可以看到路径下有一个wsgi.py的问题 uWSGI运行 直接命令行运行 利用如下命令, 可直接访问 uwsgi --http :8080 --wsgi-file dj/wsgi.py 配置文件 & 运行 [u...

袁祾 ⋅ 今天 ⋅ 0

JVM堆的理解

在JVM中,我们经常提到的就是堆了,堆确实很重要,其实,除了堆之外,还有几个重要的模块,看下图: 大 多数情况下,我们并不需要关心JVM的底层,但是如果了解它的话,对于我们系统调优是非常...

不羁之后 ⋅ 昨天 ⋅ 0

推荐:并发情况下:Java HashMap 形成死循环的原因

在淘宝内网里看到同事发了贴说了一个CPU被100%的线上故障,并且这个事发生了很多次,原因是在Java语言在并发情况下使用HashMap造成Race Condition,从而导致死循环。这个事情我4、5年前也经历...

码代码的小司机 ⋅ 昨天 ⋅ 1

聊聊spring cloud gateway的RetryGatewayFilter

序 本文主要研究一下spring cloud gateway的RetryGatewayFilter GatewayAutoConfiguration spring-cloud-gateway-core-2.0.0.RC2-sources.jar!/org/springframework/cloud/gateway/config/G......

go4it ⋅ 昨天 ⋅ 0

创建新用户和授予MySQL中的权限教程

导读 MySQL是一个开源数据库管理软件,可帮助用户存储,组织和以后检索数据。 它有多种选项来授予特定用户在表和数据库中的细微的权限 - 本教程将简要介绍一些选项。 如何创建新用户 在MySQL...

问题终结者 ⋅ 昨天 ⋅ 0

android -------- 颜色的半透明效果配置

最近有朋友问我 Android 背景颜色的半透明效果配置,我网上看资料,总结了一下, 开发中也是常常遇到的,所以来写篇博客 常用的颜色值格式有: RGB ARGB RRGGBB AARRGGBB 这4种 透明度 透明度...

切切歆语 ⋅ 昨天 ⋅ 0

CentOS开机启动subversion

建立自启动脚本: vim /etc/init.d/subversion 输入如下内容: #!/bin/bash## subversion startup script for the server## chkconfig: 2345 90 10# description: start the subve......

随风而飘 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部