Js基礎 模組化語法

如何匯出變數、方法、物件。

//建立math1.js檔案，module表示當前模組(即：當前檔案math1.js)，exports是module上的屬性      

module.
exports
=function
add(a, b)

//建立main2.js，並在其中引用模組中的add方法

var=
require
(「./math1.js」)
; 
console.
log(
add(1,
2));
//呼叫add必須得等待main1.js請求載入成功。

匯出乙個物件，建立main1.js，內容如下：

export

default
// 相當於： 
var data =
;export
;//給匯出的物件命名data

import obj from 「.

/mian1.js」;
//由於用default匯出，所以可以用任意變數名接收
console.
log(obj.a)
// 相當於:
import
from 「.
/mian1.js」;
//給匯入的無名物件命名為obj

當要輸出多個物件時，不能用default了，且import時候要加

匯出多個物件，建立mian1.js，內容如下：

var a =

100；
var b =
10；varc=
function()
export
;export
;

import

from 「.
/mian1.js」;
import
form 」.
/mian1.js」;
import
form 「.
/mian1.js」;

注意事項：

js 模組化補充

補充 除了第一種的套路，還可以這樣使用第二種。都是用來自執行函式的。第二種的好處是，還可以返回乙個true。常用 function 小技巧 如果不加上！會報錯，加上之後還能返回true呢。但由於衡返回true。所以只有某些函式是只執行，不在於返回結果的可以用這種。function 相容套路1 適用於...

js模組化規範

標記已經載入成功的個數 var req total 0 模組匯出 window.exports 記錄各個模組的順序 var exp arr 判斷是否陣列 function isarray param require 真正實現 function require arr,callback else va...

理解JS 模組化

module.exports與exports，export與export default之間的關係和區別 js 模組化規範 最早是閉包的寫法，防止變數的汙染 多個js 用 defer 和 async amd 和 cmd 在es6 module 出現之後就退出歷史的舞台了 es6 module 瀏覽器...