Commonjs和Es6的导入导出

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个模块包
简单并容易使用
缺点:
同步的模块方式不适合不适合在浏览器环境中,同步意味着阻塞加载,浏览器资源是异步加载的
不能非阻塞的并行加载多个模块
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值