ES Module的語法與使用

export

1.輸出方式

//輸出簡單變數
export
var a=1;
//方法
export
functionfn(
)//類
export
class
c

2.放在花括號中輸出

var a=1;
var b=2;
export
;

functionfn(
)export
;

class
cexport
;

3.as語法es module可以給輸出的內容重新命名，使用as來實現

var a=1;
export

注意點export命令可以寫在當前模組頂層作用域的任何地方，寫在塊級作用域中會報錯。

if
(true
)

動態性export命令輸出的值是動態性的，在當前檔案變數修改時，export輸出的值也會隨之變化。

export
var a=1;
settimeout((
)=>a=2,
500)
;

1.花括號引入

//importfrom....
import
from
'***.js'
console.
log(a)
;

花括號內的內容是其他模組export輸出的內容，用as語法時是寫as的名稱。from後面的路徑可以是絕對路徑，相對路徑，或者是模組名

2.as語法

//將引入的內容使用另一種別名，即等同於賦值給另乙個變數 import from '...js'

3.匯入整個模組

import 「module」

注意點：

sington

import命令是sington即單例模式，多次引用只會被當作引用一次。單例引用模式旨在第一次引用時引用，後面的引用會直接使用之前引用的內容。

import from 'module.js' import from "module.js"

上面i寫了兩句import語句，實際上只import了一次。

唯讀性

iimport命令引入的變數都是唯讀的，不能對其重新賦值，如果對import的變數進行賦值，則會報syntax error的錯誤。

import
from
"***.js"a=2
;//報錯

提公升性和var的變數宣告提公升一樣，import引入的變數會提公升到整個模組的頭部，被首先執行。

console.
log(a)
;import
from
'***.js'

靜態執行import是靜態執行的，和require不一樣，import實在編譯的時候執行的，所以不能使用表示式和變數，也不能在塊級作用域中使用。

import
from
'***.js'
let a=
'b';
import
from
'***.js'if(
true
)from
'***.js'
}

這裡的**分別使用了拼接字串，使用變數的值以及在塊級作用域中使用import，都是會報錯的。

輸出語法

1.宣告後輸出變數

var a=1;
export
default a;

2.輸出匿名函式

export
default
function()
//使用這個語法，輸出非匿名函式也和上面一樣。

3.放在花括號中輸出

var a=1;
var b=2;
expoprt default

4.不能輸出宣告

//正確寫法
export
var a=1;
var a=1;
export
default a;
//錯誤寫法
export
default
var a=
1;

import時變數名可以不同直接使用export命令來輸出內容，在import時必須知道export時輸出的變數名或函式名，類名，而使用export default時，在import的時候可以忽略輸出時的變數名。

var a=1;
export
import
from
'./module.js'

var a=1;
export
default a;
import b,
from
'./module.js'

從上面個可以看出，使用export命令輸出變數a,import的時候必須使用變數名a，而使用export default時不用使用同樣的變數名，並且變數是寫在作用域之外的，並用逗號隔開上面的例子中使用變數b作為變數名。

唯一性

export defaul只能使用一次，只能有乙個預設的，而export是能夠多次輸出的。

在瀏覽器中使用的話會報錯

，實際上，這是因為我們在本地開啟的，只要將它放在乙個伺服器下啟動就可以了，使用vscode的話可以使用外掛程式liveserver啟動。

1.首先開啟setting設定，加入下面**，選中開啟的專案右鍵開啟。

"liveserver.settings.donotverifytags" :true ,"liveserver.settings.nobrowser" :false ,"liveserver.settings.custombrowser" :"chrome" ,"liveserver.settings.advancecustombrowsercmdline"

:,

ES Module的語法與使用

語法的使用

systemtab語法與使用方法

MySQL 中使用索引的基本使用語法與使用規則

ES Module的語法與使用

語法的使用

systemtab語法與使用方法

MySQL 中使用索引的基本使用語法與使用規則

相關推薦