模块化是软件系统的属性,这个系统被分解为一组高内聚,低耦合的模块.理想状态下我们只需要完成自己部分的核心业务逻辑代码,其他方面的依赖可以通过直接加载被人已经写好模块进行使用即可.一个模块化系统所必须的能力: 定义封装的模块. 定义新模块对其他模块的依赖. 可对其他模块的引入支持. CommonJSnodeJs出现后使用了CommonJS规范来解决JS的模块化问题.由于Node.js主要用于服务器的编程,加载的模块文件一般都已经存在本地硬盘,所以加载起来比较快,不用考虑异步加载的方式,所以Comm…

commonjs规范说明 每个js文件都可当作一个模块 在服务器端: 模块的加载是运行时同步加载的(不会阻塞,等待时间回比较长).在浏览器端: 模块需要提前编译打包处理 commonjs规范基本语法 暴露模块:暴露的模块本质上就是exports,exports本来就是一个空的对象,将value赋给它 module.exports = value exports.xxx = value 引入模块:第三方模块:xxx为模块名.自定义模块: xxx为模块文件路径 require(xxx) common…

1 Common JS 介绍 Common JS 是模块化规范之一.每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见.Common JS 规范在 Node 端和浏览器端有不同的实现. 1.1 暴露模块 暴露模块有两种方式:module.export 或 exports ,两种方式均可以暴露一个函数或对象.两种方式本质上是一样的,Common JS 在每个模块中隐式将 module.exports 指向(赋值)给 exports 语法格式如下: // 暴露函数 modu…

CommonJs概述 主要是单个文件定义的变量,函数,类都是私有的,其他文件不可见,单位的作用域 通过 exports(modules.exports)对外暴露接口,通过 require 加载模块 node.js 按照 CommonJS 规范实现了模块系统 exports 模块导出 require 模块引入 module 模块标识 global 全局变量 exports 模块导出 //m_1.js const a = 1; const b = 2; const c = () => { retur…

1. 在接触规范之前,我们用模块化来封装代码大多为如下: ;(function (形参模块名, 依赖项, 依赖项) { // 通过 形参模块名 修改模块 window.模块名 = 形参模块名 })(window.模块名 || {}, 依赖项, 依赖项) 分号是什么作用? 答:为了防止前面的代码没有添加分号造成语法解析错误,也可能会是 "!", "+" 等 为什么要将代码放入一个自执行函数中 答:为了避免全局命名空间污染,核心就是利用函数的私有作用域 为什么将依赖项作…

模块规范 CommonJS module.exports, exports 导出模块 require 加载模块, CommonJS 同步,服务端.实践者: nodejs ES6 export, export default 导出模块 import 加载模块, ES6 支持 CommonJS 规范. CMD 另一种 CommonJS 在浏览器上的解决方案,更偏向 CommonJS 规范 . 一个文件就是一个模块,和 ES6 中标准的 commonjs 规范类似. 推崇: 依赖就近.使用这个模块前,…

1. AMD 1.1 什么是AMD? AMD 英文名 Asynchronous Module Definition ,中文名 异步模块定义 .这是一个浏览器模块化开发的规范. 由于浏览器环境执行环境的限制,加载js文件相对于服务器端执行环境比较慢,所以采用模块加载的方式,即解释加载依赖的文件时,浏览器不会停止页面渲染或因为加载文件太大而失去响应. AMD不是javascript标准支持的,使用AMD规范进行页面开发需要用到对应的库函数,也就是RequireJS,实际上AMD是RequireJS在…

1. CommonJS 用于服务端模块化编程,比如nodejs就采用此规范: 一个文件就是一个模块,require方法用来加载模块,该方法读取一个文件并执行,最后返回文件内部的module.exports对象: require是默认读取.js文件的,所以require(模块名)可以不写后缀: 同步加载,由于服务端加载的模块一般在本地,所以可以这样:但是在客户器端如果一个模块过大就会导致页面"假死": module.exports属性表示当前模块对外输出的接口,其他文件加载该模块,实际上…

早期的JS中,是没有模块化的概念的,这一情况直到09年的Node.js横空出世时有了好转,Node.js将JS作为服务端的编程语言,使得JS不得不寻求模块化的解决方案. 模块化概念 在JS中的模块是针对单个文件的,即一个文件是一个模块,要使用这个模块就加载该文件即可. CommonJS node.js的模块系统,是参照CommonJS规范实现的. 定义模块和加载模块 在CommonJS中,有一个全局性方法require(),用于加载模块,而module.exports用于导出当前文件的模块. 假…

AMD规范说明 AMD全称是:Asynchronous Module Definition(异步模块定义),github地址 是专门用于浏览器端, 模块的加载是异步的 AMD规范基本语法 定义暴露模块 //定义没有依赖的模块 define(function(){ return 模块 }) //定义有依赖的模块,module1和m1一一对应 define(['module1', 'module2'], function(m1, m2){ return 模块 }) 引入使用模块 require(['…