module和node和es6的module

最新推荐文章于 2024-11-03 19:37:55 发布

weixin_34007020

最新推荐文章于 2024-11-03 19:37:55 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b19f14ef265da6e3a5ad86e

本文详细介绍了ES6中模块的三种不同导入导出方式，并对比了Node.js的传统做法。通过具体示例展示了如何使用别名及默认导出等功能。

在es6中的做法（1）：

    // a.js
    var a = function() {}
    // 给a取个别名
    export {a as fun} 
    
    // b.js
    import {fun as a} from './a' // 给fun取个别名
复制代码

在es6中的做法（2）：

    // a.js
    var a = function() {}
    var b = 1
    var c = null
    export {fun as default, a, b, c} // default
    
    // b.js
    import {a, b, c} from './module'
复制代码

在es6中的做法（3）：

    //  a.js
    var a = function() {}
    
    export {a as default}
    
    // b.js
    import b from './a'
    // b log function() {}
复制代码

以上是es6的写法，新颖是标准

node写法：

    // a.js
    var app = {
        name: 'module'
    }
    
    module.exports = {
        app: app
    }
    
    // b.js
    var app = require('./a')
    
    // app log  
    app: {
        name: 'module'
    }复制代码

转载于:https://juejin.im/post/5b19f14ef265da6e3a5ad86e