美文网首页
2019-12-12 模块化

2019-12-12 模块化

作者: aaa8808dde01 | 来源:发表于2019-12-27 09:31 被阅读0次

    阮一峰 commonjs

    ES6 的模块化

    export 和 export default 的区别

    export导出

    import 引入

    重命名


    export default

    总结:export  对外接口有名称,且在引用时以这个给名称引入

    export default:只有一个输出,import后可以重命名

    总结:export命令对外接口是有名称的且import命令从模块导入的变量名与被导入模块对外接口的名称相同,而export default命令对外输出的变量名可以是任意的,这时import命令后面,不使用大括号。

    export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

    exports 与 module.exports

    为了方便,Node为每个模块提供一个exports变量,指向module.exports。这等同在每个模块头部,有一行这样的命令。

    var exports=module.exports;

    于是我们可以直接在 exports 对象上添加方法,表示对外输出的接口,如同在module.exports上添加一样。注意,不能直接将exports变量指向一个值,因为这样等于切断了exports与module.exports的联系。

    CommonJS

    CommonJS就是为JS的表现来制定规范,因为js没有模块的功能所以CommonJS应运而生,它希望js可以在任何地方运行,不只是浏览器

    CommonJS定义的模块分为:{模块引用(require)} {模块定义(exports)} {模块标识(module)}

    require()用来引入外部模块;exports对象用于导出当前模块的方法或变量,唯一的导出口;module对象就代表模块本身。

    相关文章

      网友评论

          本文标题:2019-12-12 模块化

          本文链接:https://www.haomeiwen.com/subject/jirtnctx.html