ES6的export和import的記錄

2021-10-08 10:32:08 字數 922 閱讀 7870

總是分不清是否要大括號的我來乙個個人向記錄。

簡而言之就是乙個每個檔案都是乙個模組,想引用別的模組的內容需要import,而能夠import的必要條件是被引用的檔案export了。

export

default

function()

// 這是另乙個js檔案裡面的例子

const myclass =

;export

default

// export default甚至可以和其他預設匯出一起使用

export

default

function

(obj)

export

function

each

(obj, iterator, context)

export

;

因為export default命令的本質是將後面的值,賦給default變數,但是注意之前有個錯誤寫法在export default中是正確的:

// 錯誤。 在不是export default中錯誤,因為匯出的是值而不是介面,但是default正是需要值。

var a =1;

export a;

// 正確, 這裡直接呼叫default就可以得到1

var a =1;

export

default a;

// 正確

export

var a =1;

// 錯誤

export

default

var a =1;

//正確,注意這個想得到a,需要通過default.a才能得到1

var a =

1export

default

ES6模組的import和export用法總結

es6之前已經出現了js模組載入的方案,最主要的是commonjs和amd規範。commonjs主要應用於伺服器,實現同步載入,如nodejs。amd規範應用於瀏覽器,如requirejs,為非同步載入。同時還有cmd規範,為同步載入方案如seajs。es6在語言規格的層面上,實現了模組功能,而且實...

ES6模組的import和export用法總結

es6之前已經出現了js模組載入的方案,最主要的是commonjs和amd規範。commonjs主要應用於伺服器,實現同步載入,如nodejs。amd規範應用於瀏覽器,如requirejs,為非同步載入。同時還有cmd規範,為同步載入方案如seajs。es6在語言規格的層面上,實現了模組功能,而且實...

ES6模組的import和export用法總結

es6之前已經出現了js模組載入的方案,最主要的是commonjs和amd規範。commonjs主要應用於伺服器,實現同步載入,如nodejs。amd規範應用於瀏覽器,如requirejs,為非同步載入。同時還有cmd規範,為同步載入方案如seajs。es6在語言規格的層面上,實現了模組功能,而且實...