1. 程式人生 > >普通使用 ----- export 和 import

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

方式 變量 ring brush 語法 -s 普通 指定 exp

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