在 es6 中引入了import語句和export語句，使得我們可以利用它們進行模組化程式設計。
(二) 全部匯入
二. `export default` 語句
三. 同時使用 `export default` 和 `export`
四. 在實際中使用模組化程式設計
| m.js
var a =1;
var b =2;
var c =3;
// 可以單個匯出, 不要忘記加 {}
export
;// 可以多個匯出
export
;export
var d =4;
/* 相當於
var d = 4;
export ;
*/
| index.js
import
from
"./m.js"
console.
log(a)
;console.
log(b)
;console.
log(c)
;console.
log(d)
;
{}
為了防止變數名重複，可以利用別名為匯出或匯入的變數起乙個新的名字。
| m.js
var aaa =1;
var bbb =2;
var ccc =3;
export
;
| index.js
import
from
"./m.js"
console.
log(a)
;console.
log(b)
;console.
log(c)
;
| m.js
var aaa =1;
var bbb =2;
var ccc =3;
export
;
| index.js
import
from
"./m.js"
console.
log(a)
;console.
log(b)
;console.
log(c)
;
| m.js
var a =1;
var b =2;
var c =3;
export
| index.js
// 這裡的 mod 是乙個別名，可以自定義
import
*as mod from
"./m.js"
console.
log(mod.a)
;console.
log(mod.b)
;console.
log(mod.c)
;
var a =
"hello"
;export
default a;
// 或者
export
default
"hello"
;
// "mod" 是自定義的別名,可以隨便取
import mod from
"./m.js"
console.
log(mod)
輸出：
hello
| m.js
var a =
"hello "
;export
default a;
var b =
"雲先生b"
;export
;
| index.js
import a,
from
"./m.js"
console.
log(a + b)
;
輸出：
hello world
在前端中使用模組化程式設計，必須為標籤新增type="module"屬性。
| lib.js
export var a =
666;
| index.html
>
>
type
="module"
>
import
from
'./lib.js'
;alert
(a);
// 彈出視窗，內容為「666」
script
>
head
>
html
>
在nodejs中使用es6的模組化程式設計時，必須將檔案字尾名改為.mjs
// m.mjs
export
var a =1;
export
var b =2;
// index.mjs
import
from
"./m.js"
console.
log(a)
;// 輸出 1
js模組化程式設計總結
乙個更偏向於伺服器端的規範,同步載入模組 require命令第一次載入該指令碼時就會執行整個指令碼，然後在記憶體中生成乙個物件.math.js exports.add function a,b var math require math math.add 2,3 5 運用 nodejs 非同步指的是...
模組化程式設計
將乙個5元素陣列，右移n位，n從鍵盤輸入，首尾相接 例如 陣列中的元素為 那麼 n 3 的結果如下 資料是向右邊移三位，那麼，我轉化成先移一位的情況。因為當移一位的問題解決了，移動n位只需要將此過程迴圈n次即可 1.把a 1 放到臨時空間t t a 1 2.依次把前面元素的值放到後面的空間裡面.從後...
js 模組化補充
補充 除了第一種的套路，還可以這樣使用第二種。都是用來自執行函式的。第二種的好處是，還可以返回乙個true。常用 function 小技巧 如果不加上！會報錯，加上之後還能返回true呢。但由於衡返回true。所以只有某些函式是只執行，不在於返回結果的可以用這種。function 相容套路1 適用於...