普通使用 ----- export 和 import

Posted 蔚京霖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了普通使用 ----- 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);

  

以上是关于普通使用 ----- export 和 import的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用腾讯云Im的一些坑

export和export default区别

用于配置文件的 Module.exports 与普通 json

随笔一:module.exports 和 exports 的区别

shell中变量定义及应用-- (环境变量及普通变量)

如何实现IM即时通讯“消息”列表卡顿优化