es6的export default,export,import的區別
阿新 • • 發佈:2019-02-03
首先export default 和export均可用於匯出常量,函式,檔案,模組等,可以在其他檔案或者模組中
通過import+(常量|函式|檔案|模組)名的方式將其匯入,以便能夠使用。但是在一個檔案或者模組中,export、import可以有多個,而export default僅有一個。
但是做專案的時候發現了使用export dafault,export匯出出現了問題,下面是幾個總結:
1.在a.js使用export匯出兩個方法fetch和test,在b.js使用import匯入時的寫法:import {test,fetch} from "./a.js",在使用import匯入的時候一定要大括號 ,匯入之後在b.js便可以直接呼叫這兩個方法,呼叫時這樣寫test();一定要加括號
2.通過export方式匯出,在匯入時要加{ },export default則不需要
在a.js裡面定義方法並使用export default匯出
let test=function (){
console.log("test");
};
export default test;
在b.js裡面通過import匯入import test from "./assets/js/chat.js",注意此時匯入不需要加{}
最後簡單說明一下,1使用export匯出需要{},與此相對使用import匯入也需要{}
2使用export default 匯出不需要{},與此相對使用import匯入也不需要{}