zoukankan      html  css  js  c++  java
  • es6 ----- export 和 import

    ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。

    下面列出几种importexport的基本语法:

    第一种方式:

      在lib.js文件中, 使用 export{接口} 导出接口, 大括号中的接口名字为上面定义的变量, importexport是对应的;

    //lib.js 文件
    let bar = "stringBar";
    let foo = "stringFoo";
    let fn0 = function() {
        console.log("fn0");
    };
    let fn1 = function() {
        console.log("fn1");
    };
    export{ bar , foo, fn0, fn1}
    
    //main.js文件
    import {bar,foo, fn0, fn1} from "./lib";
    console.log(bar+"_"+foo);
    fn0();
    fn1();
    

     第二总方法:

     在export接口的时候, 我们可以使用 XX as YY, 把导出的接口名字改了, 比如: closureFn as sayingFn, 

    //lib.js文件
    let fn0 = function() {
        console.log("fn0");
    };
    let obj0 = {}
    export { fn0 as foo, obj0 as bar};
    
    //main.js文件
    import {foo, bar} from "./lib";
    foo();
    console.log(bar);
    

    第三种导出的方式:

    这种方式是直接在export的地方定义导出的函数,或者变量:

    //lib.js文件
    export let foo = ()=> {console.log("fnFoo") ;return "foo"},bar = "stringBar";
    
    //main.js文件
    import {foo, bar} from "./lib";
    console.log(foo());
    console.log(bar);
    

      

  • 相关阅读:
    httphelper
    MD5加密
    json操作
    将list转成tree
    GenerateId类:生成唯一id、订单号
    加密、解密(默认密钥向量)
    Hadoop HDFS批量处理
    OceanBase学习总结
    TiDB学习
    开机自启动rc.local文件修改权限
  • 原文地址:https://www.cnblogs.com/yuerdong/p/8489419.html
Copyright © 2011-2022 走看看