ES6 模塊定義 export 與 import

 

 

 

1. 通常導出 export

math.js

 

export function* getFibo()

{

let a = 1;

let b = 1;

yield a;

yield b;

while (true) {

let next = a + b;

a = b;

b = next;

yield next;

}

}

 

export function add(a,b)

{

return a+b;

}

 

index.js

 

• 注意：若是導出模塊沒有default定義，那麼 引用 導出模塊的時候必須有 {} ,標紅部分 import {add,getFibo} from "./tool/math.js"

{ } 內容必須與 math定義的值同樣，固然也能夠用 as

 

import {add,getFibo} from "./tool/math.js"

 

let generator = getFibo;

 

for (let i = 1; i < 10; i++) {

let result = generator().next().value;

console.log(`fibo:${i} =${result}`);

}

 

console.log(add(1,2));

 

含有 default 導出 export

 

math.js

export default function* getFibo()

{

let a = 1;

let b = 1;

yield a;

yield b;

while (true) {

let next = a + b;

a = b;

b = next;

yield next;

}

}

 

index.js

 

import myFibo from "./tool/math.js"

 

let generator = myFibo;

 

for (let i = 1; i < 10; i++) {

let result = generator().next().value;

console.log(`fibo:${i} =${result}`);

}

 

 

• 注意：若是導出模塊使用 default 導出，那麼 引用 導出模塊的時候不須要 {},導出函數的名稱可自定義 ,標紅部分 import myFibo from "./tool/math.js"