es6中模組的使用總結

1. 分別暴露

語法：

// a1.js

// 變數暴露形式
export
let abcstr =
"string"
;// 方法暴露形式
export
function
abcfun()

語法：

// a2.js

let abcstr =
"string"
;function
abcfun()
export
// or user as change name
export
// 不能直接暴露方法名：
// export abcfun; 錯誤
// export ; 正確

語法：

// a3.js

export
default
}

語法：

// 這種方式通用引入上邊的三種匯出方式

import
*as a1 from
'a1.js'
import
*as a2 from
'a2.js'
import
*as a3 from
'a3.js'
// 因為explorer匯出的是乙個物件，所以使用可以通過：
let abcstr = a1.abcstr;
a1.abcfun()
;

語法：

import

from
'a1.js'
;// 因為上邊匯入第乙個的時候已經使用了abcstr名詞所以下邊的需要改名 使用as關鍵字更改名稱
import
from
'a2.js'
;// 匯入default 語法暴露檔案
import
from
'a3.js'
;

語法：

// 直接匯入default 語法暴露檔案，這種方式只能正對 default暴露語法

import abcfun3 from
'a3.js'
;

新版的chrome瀏覽器已經支援直接使用es6模組語法具體使用方式如下：

type

="module"
>
import
*as a1 from
'a1.js'
import
*as a2 from
'a2.js'
import
*as a3 from
'a3.js'
script
>

import

*as a1 from

'a1.js'

import

*as a2 from

'a2.js'

import

*as a3 from

'a3.js'

type
="module"
src=>
script
>

ES6 使用總結

es6 全稱ecmascript 2015 字串模板 es5字串的拼接是用 完成的，es6是 拼接，其中變數引用為 擴充套件運算子 兩者有相同的物件屬性，後者值覆蓋前者 obj 箭頭函式 更改this的指向問題 變數提公升 let與const 注釋 const雖然為不可變更的常量，但是當其定義為物件...

ES6學習筆記之ES6中的模組

1 import和export基本使用 重點 在es6中新增了js檔案的暴露和引入的新寫法 import和export node es6 require import exports.export module.exports default 使用export const 暴露函式名暴露函式，imp...

es6模組暴露

es6模組匯入和匯出 匯出 export，export default 可以匯出變數，函式，物件，檔案，模組 匯入 import function add 1 export add 匯入 import from add.js 匯入時要加，呼叫 add 可以匯出多個,加 export export a...