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 模組兩種,在這裡暫...