ES6入門 第二單元 模組五 模組化

js不支援模組化

注意： 需要放到伺服器環境

1、如何定義模組？

export  東西

例：1.js檔案中

console.log('1模組載入了');//顯示是否載入了

export const a =12;
export const b = 5;
export let c = 101;

const a=12;

const b=5;
const c=101;
export 

補充 export default **  作用：引用時候可以不用加

在html檔案裡

引入模組

import './modules/1.js';

【新增】*表示引用全部

import:  特點

a). import 可以是相對路徑，也可以是絕對路徑

import '';

b). import模組只會匯入一次，無論你引入多少次

c). import './modules/1.js';  如果這麼用，相當於引入檔案

d). 有提公升效果，import會自動提公升到頂部，首先執行

也就是說：不管放前面放後面都最先引入

e). 匯出去模組內容，如果裡面有定時器更改，外面也會改動

import()  類似node裡面require， 可以動態引入, 預設import語法不能寫到if、for之類裡面

if(a==12) from './modules/1.js';

}else from './modules/2.js';
}

返回值是個promise物件 

路徑也可以動態

與promise結合版：

【es2017】async  await

ES6入門14 模組化

模組化就是為了使功能單一，把各個耦合性不高的功能抽離出來成單一的模組，每個模組提供單一的功能 export 匯出模組 import 匯入模組 module.js export let a 123 export function test export class hello index.js 1.基...

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...