普通使用 ----- export 和 import
阿新 • • 發佈:2018-03-01
方式 變量 ring brush 語法 -s 普通 指定 exp
ES6 模塊不是對象,而是通過export
命令顯式指定輸出的代碼,再通過import
命令輸入。
下面列出幾種import和export的基本語法:
第一種方式:
在lib.js文件中, 使用 export{接口} 導出接口, 大括號中的接口名字為上面定義的變量, import和export是對應的;
//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