ecma6學習知識點 九 模組化

模組化

注意：要放到伺服器環境

a）如何定義模組

export 東西 ， 東西可以使物件就可以

b）如何使用

import

使用模組

import: 特點

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

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

c)import 『./modules/11.js』 如果這麼用相當於引入檔案

d)export let a = 「dsfsdfdsfdsf」;

import from 『./modules/11.js』 引入該模組中的a變數

同樣可以用別名來引入

如

test.js

let aa = 1；
let bb = 2
export 
//則引入方式為
import  from "../modules/test.js"
as 也可以放在import 的地方起別名
除此之外也可以這樣引入
import * as mode form  "../modules/test.js"
console.log(mode.aa);

export default let a = 2；

export 出來的要{}

default 出來的就不用

import a， from 「…/modules/test.js」

1.import 有提公升效果 即使寫在後面 但是它在執行的時候依然是在前面執行的。

2.匯出去的模組如果有定時器造成資料更改的 ，引入的地方在模組更改後其也會更改。
3.預設import是不能寫在 if else裡面的
只能通過 imprt（）動態載入模組
如 import('『https').then(res = > )
可以動態實現在jquery引入完畢之後再執行jquery **
優點：按需載入，可以寫在if else 中 ，import（）是個promise物件。也可以這樣寫
promise.all([
import("./sdfdsf/aa.js"),
import("./werewr/bb.js")
]).then(([mod1,mode2]) =>)

ecma6學習知識點 六 陣列新增的東西

將函式的實際引數轉換成陣列的方法 方法一 var args array.prototype.slice.call arguments 方法二 var args slice.call arguments,0 方法三 var args for var i 1 i arguments.length i 2...

es6模組化基礎知識點

1 為何需要模組化 因為隨著前端的 複雜度越來越高，之間會容易有這三個問題 全域性變數衝突 函式命名衝突 依賴關係混亂 2 模組化規範的高階歷史 commonjs amd cmd 到現在的 es6模組 3 最初最簡單的模組化原始碼 jquery大量使用的也是這種方式 var module speci...

面試知識點總結 js 模組化

let fn1 export import from detail.js 內容是物件,分隔符是逗號 export default import index from index.js 暴露exports 物件,預設是 exports.value 給exports物件新增屬性和方法 module.ex...