ES模块化导入和导出

Posted HUMILITY

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES模块化导入和导出相关的知识,希望对你有一定的参考价值。

ES模块化导入和导出

    //1.导入的{}中定义的变量
    import{flag,sum} from"./asd.js";    //在asd.js中定义 flag 和 sum
    
    if(flag){
        console.log(\'Im gentle\')
        console.log(sum(1,2));
    }
    
    //2.直接导入export定义的变量
    import {num1,height} from"./dfg.js
    
    console.log(num1);
    console.log(height);
    
    //3.导入export的function/class
    import {mul,person} from"./jkl.js";
    
    console.log(mul(10,20));
    
    const p = new person();
    p.run()
    
    //4.导入export default 中的内容
    import addr from ".oiu.js";
    
    addr(\'hello\')
    
    //5.统一全部导入
    import * as qwe from \'./qwe.js\'
    
    console.log(qwe.flag);
    console.log(qwe.height)

以上是关于ES模块化导入和导出的主要内容,如果未能解决你的问题,请参考以下文章

node和ES6的模块导出与导入

ES6模块之export和import教程

JS模块导入导出规范-CommonJS | ES6 -规范案例

JS模块导入导出规范-CommonJS | ES6 -规范案例

ES6导入导出import | export | export default-使用案例

ES6导入导出import | export | export default-使用案例