Commonjs和Es6的导入导出
程序员文章站
2022-05-10 15:36:55
...
js模块化的两种规范
js模块
Commonjs和Es6导入导出的区别?
node 是基于Commonjs的
CommonJS 导入require
导出module.exports={}
module.exports和exports 的区别?
exports 是module.exports 的别名 exports 是指向module.exports 的应用
相同点 :通过exports 和 module.exports 对外公开的方法都可以访问
区别: module.exports 不是真正的接口 返回模块对象本身
exports 最终调用的是module.exports而不是exports
module.exports 指向是一个对象
exports 指向是对module.exports 的引用
require 返回的是module.exports 在项目中使用exports 可能会报错,
我们一般使用 module.exports
Es6 引入是 import
导出是 export
export 和 export default的区别?
export 和 export default 都可以导出常量 ,函数 ,文件 , 模块
export 可以导出多个
export default 仅有一个
export 导出 在导出的时候可以 import {} from 'xxx' 通过结构赋值导入相应的
export default 导出 import xxx from 'xxx'
Js 模块化开发的两种规范 都是异步加载模块
RequireJS解决了前端开发过程中的两大问题,一个是文件之间的依赖问题,
一个是浏览器加载多个JS文件时页面失去响应的时间过长。
这两个问题导致人们开发出这样的一个框架来。
RequireJS是外国人开发出来的,所有你可以看到,RequireJS的官网全是英文!
CMD即 common moudle definition,翻译过来即通用模块定义。此处是规范定义CDM规范是国人开发出来的,这确实为国内的前端行业争了口气了。同样的,CMD也有个浏览器的实现,这就是常常听见别人说的SeaJS了。
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。
CommonJS Modules/2.0 规范,是 BravoJS 在推广过程中对模块定义的规范化产出
区别:
1.对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。
不过 RequireJS 从 2.0 开始,也改成可以延迟执行
2.CMD 推崇依赖就近,AMD 推崇依赖前置
3.RequireJS在主文件里是将所有的文件同时加载,然而SeaJS强调一个文件一个模块。
例如:
// CMD 默认推荐的是
define(function(require, exports, module) {
var a = require('./a')
a.doSomething()
// 此处略去 100 行
var b = require('./b')
// 依赖可以就近书写
b.doSomething()
...
})
// AMD 默认推荐的是
define(['./a', './b', 'require', 'exports'], function(a, b, require, exports) {
// 依赖必须一开始就写好
a.doSomething()
// 此处略去 100 行
require('./b').doSomething()
exports.test = 123;
...
})
CommonJs
CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目,比如服务器和桌面环境中。CommonJS规范是为了解决JavaScript的作用域问题而定义的模块形式,
可以使每个模块在它自身的命名空间中执行。该规范的主要内容是:模块必须通过 module.exports导出对外的变量或接口,通过require()来导入其他模块的输出到当前模块。
module.exports = function( value ){
return value * 2;
}
var multiplyBy2 = require('./moduleA');
var result = multiplyBy2(4);
CommonJS是同步加载模块,但其实也有浏览器端的实现,其原理是将所有模块都定义好并通过id进行索引,这样就可以浏览器进行解析了
服务器端的Node.js遵循CommonJS规范。核心思想是允许模块通过require 方法来同步加载所要依赖的其他模块,然后通过 exports或module.exports来导出需要暴露的接口。
CommonJS是同步加载模块,但其实也有浏览器端的实现,其原理是将所有模块都定义好并通过id进行索引,这样就可以浏览器进行解析了
服务器端的Node.js遵循CommonJS规范。核心思想是允许模块通过require 方法来同步加载所要依赖的其他模块,然后通过 exports或module.exports来导出需要暴露的接口。
require("module");
require("../file.js");
exports.doStuff = function() {};
module.exports = someValue;
优点:
服务器端便于重用
NPM中已经将近20w个模块包
简单并容易使用
缺点:
同步的模块方式不适合不适合在浏览器环境中,同步意味着阻塞加载,浏览器资源是异步加载的
不能非阻塞的并行加载多个模块