1. 程式人生 > >es6的export default,export,import的區別

es6的export default,export,import的區別

首先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匯入也不需要{}