ES6的模組化

模組化的特點:

1、模組**自動執行在嚴格模式下,沒有任何辦法跳出嚴格模式;

2、在模組的作用域下建立的變數,不會被新增到全域性作用域中;

3、如果外部可以讀取模組當中的內容,需要模組的匯出

4、模組頂級作用域的this為undefined

// 匯出資料

export
var color = pink;
export
const name =
'zs'
;//匯出函式
export
function
sum(num1,num2)
}}

const name =

'zs'
;const age =18;
const gender =
'女';
export

const myname=

'zs'
;const myage=18;
const mygender=
'女';
export

/******************************匯出**********************/

export
default
function()
/******************************引入**********************/
import myfn from
"./test.js"
;//注意這裡預設匯出不需要用{}。
console.
log(
myfn()
);//預設匯出乙個方法

/******************************匯出**********************/

export
default
,    myname:
"laowang"
}/******************************引入**********************/
import myobj from
"./test.js"
;console.
log(myobj.
myfn()
,myobj.myname)
;//預設匯出乙個方法 laowang

/******************************匯出**********************/

export
default
function()
export
var myname=
"laowang"
;/******************************引入**********************/
import myfn,
from
"./test.js"
;console.
log(
myfn()
,myname)
;//預設匯出乙個方法 laowang

import

from
'./index.js'

import

from
'./index.js'
//按需匯入
import
from
'./index.js'

import

*as info from
"./test.js"
;//通過*來批量接收，as 來指定接收的名字
console.
log(info.fn(
));//我是laowang！今年90歲了
console.
log(info.age)
;//90
console.
log(info.name)
;//laowang

/******************************test1.js**********************/

export
let myname=
"我來自test1.js"
;/******************************test2.js**********************/
export
let myname=
"我來自test2.js"
;/******************************index.js**********************/
import
from
"./test1.js"
;import
from
"./test2.js"
;console.
log(name1)
;//我來自test1.js
console.
log(name2)
;//我來自test1.js

es6 的模組化

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

ES6 的模組化

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

es6模組化規範

例子 export let myname laowang import from test.js console.log myname laowang 如果要輸出多個變數可以將這些變數包裝成物件進行模組化輸出 let myname laowang let myage 90 let myfn func...