ES6模組化的基本語法

2021-10-11 02:56:50 字數 1669 閱讀 3273

m1.js:

let a =10;

let c =20;

let d =30;

function

show()

export

default

index.js:

import m1 from

'./m1.js'

console.

log(m1)

;

在每個模組中,只允許使用唯一的一次export default,否則會報錯

若不使用export default,則會輸出乙個空物件,不會報錯

m1.js:

// 預設匯出

let a =10;

let c =20;

let d =30;

function

show()

export

default

// 按需匯出

export

let s1 =

'aaa'

;export

let s2 =

'bbb'

;export

function

say(

)

index.js:

//預設匯入與按需匯出同時存在

import m1,

from

'./m1.js'

console.

log(m1)

;console.

log(s1)

;console.

log(s2)

;console.

log(say)

;

終端輸出:

也可以用as起別名

//預設匯入與按需匯出同時存在

import m1,

from

'./m1.js'

console.

log(m1)

;console.

log(s1)

;console.

log(ss2)

;console.

log(say)

;

每個模組中可以使用多次按需匯出

有時候,我們只想單純執行某個模組中的**,並不需要得到模組中向外暴露的成員,此時,可以直接匯入並執行模組**

m1.js:

for

(let i =

0; i <

3; i++

)

index.js:

import

'./m1.js'

es6 的模組化

這個是需要複習下的,否則後面的react vue 就理解不清晰了 我覺得js 很牛,為啥,因為前後端都是js 這樣結合起來,很順暢 而且node 作為後端,搭建輕量級伺服器,很是好用,寫個介面絲毫沒有任何問題 後面的基本三大塊,1,node express koa 2,三大框架,react vue ...

ES6的模組化

模組化的特點 1 模組 自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式 2 在模組的作用域下建立的變數,不會被新增到全域性作用域中 3 如果外部可以讀取模組當中的內容,需要模組的匯出 4 模組頂級作用域的this為undefined 匯出資料 export var color pink export...

ES6 的模組化

模組化的產生主要是為了將大型js程式拆分為相互依賴的小檔案,並且相互拼接起來。es6 模組功能主要由兩個命令構成 export和import。export命令用於規定模組的對外介面,import命令用於輸入其他模組提供的功能。在es6之前社群就已經有了commonjs 和 amd 模組兩種,在這裡暫...