摘要：如果我們想要包含得多帶帶導(dǎo)入和導(dǎo)出二和的注意點(diǎn)可能的錯(cuò)誤在沒有的情況下，不能匿名函數(shù)前面我們講到可以在定義一個(gè)函數(shù)的時(shí)候就，但是這個(gè)函數(shù)不能是匿名函數(shù)，除非這個(gè)函數(shù)作為導(dǎo)出。

一： export和import的正常用法
1：export變量

// ./module/example.js

export var firstName = "roger";
export const lastName = "waters";
export let dob = 1944;

// index.js
import  {firstName, lastName, dob} from "./module/example.js";

2：export方法

// ./module/example.js
//定義方法的時(shí)候，就可以export
export function sum(a, b) {
    return a + b;
}

function multiply(a, b) {
    return a * b;
}
//也可以先定義，再export
export { multiply };

在別的文件里面import上面2個(gè)方法，是一樣的

//./index.js
import  {sum, multiply} from "./module/example.js";    

3：export重命名
有時(shí)候你也許不想用一個(gè)變量，方法，類的原本的名字，而是想換一個(gè)別的名字。那么你可以使用 as
，而且在export和import的時(shí)候都可以，例如：

// ./module/example.js
function sum(a, b) {
    return a + b;
}
export {sum as add};

//./index.js
import  {add} from "./module/example.js";

4: import重命名
在第三點(diǎn)里面，我們看到了可以在export的時(shí)候重命名變量。同樣的效果，也可以在import的時(shí)候做，依然是用as：

// ./module/example.js
function sum(a, b) {
    return a + b;
}
export {sum};

//./index.js
import  {sum as add} from "./module/example.js";

//此時(shí)在index.js里面可以被使用的方法是add()，而不是sum()

5：export default
我們可以給一個(gè)js module制定默認(rèn)值，也就是這里的default。導(dǎo)出一個(gè)default和前面我們講到的導(dǎo)出一個(gè)變量一樣也是有三種方式：

1. 在定義的時(shí)候export

    //./module/example.js
    export  default  function(a, b) {
        return a + b;
    }
    
    //./index.js
    import  sum  from "./module/example.js";

export的可以是一個(gè)匿名函數(shù)，在導(dǎo)入的時(shí)候，用任意合理的名字代表默認(rèn)導(dǎo)出，但是注意與非default變量的區(qū)別在于，這里沒有花括號({})
2. 先定義再export

    //./module/example.js
    function sum(a, b) {
        return a + b;
    }
    export default sum;
    
    //./index.js
    import  sum  from "./module/example.js";

在import的時(shí)候，依然可以是任意的合理的變量名，不一定得是sum。

3. 使用 as

    //./module/example.js
    function sum(a, b) {
        return a + b;
    }
    export {sum as default}

    //./index.js
    import  sum  from "./module/example.js";

在import的時(shí)候，依然可以是任意的合理的變量名，不一定得是sum。

6：export default和其他變量一起
一個(gè)module可以export default的同時(shí)export其他變量，語法與只export其中一樣沒有區(qū)別；只是在import的時(shí)候，default一定要在非default前：

//./module/example.js
export var firstName = "roger";
export const lastName = "waters";
export let dob = 1944;

function sum(a, b) {
    return a + b;
}
export {sum as default}

// ./index.js
//語法正確
import  sum, {firstName, lastName, dob}  from "./module/example.js";

//error: 語法錯(cuò)誤
import  {firstName, lastName, dob}, sum  from "./module/example.js";

7: import *
當(dāng)我們想把一個(gè)module所有export的東西都一次性import的時(shí)候，就可以使用 import * as

// ./module/example.js
export var firstName = "roger";
export const lastName = "waters";
export let dob = 1944;

function sum(a, b) {
    return a + b;
}
export {sum as default}

//./index.js
import  * as example  from "./module/example.js";

console.log(example.firstName);
console.log(example.lastName);
console.log(example.dob);
example.default(1, 2);

這里特別注意的是，這里的example.default就是我們export的default變量。

8：export import
我們可以把從別的module導(dǎo)入的變量作為本module的導(dǎo)出。例如下面的例子./mian.js從./idnex.js導(dǎo)入變量firstName, 而firstName原本是./index.js從./module/example.js導(dǎo)入的：

//./module/example.js
export var firstName = "roger";
export const lastName = "waters";
export let dob = 1944;

function sum(a, b) {
    return a + b;
}
export {sum as default}

//./index.js
import {firstName}  from "./module/example.js";
export {firstName};

//./main.js
import {firstName} from "./index.js"

在./index.js文件里的2行代碼等同于下面的一行：

export {firstName} from "./module/example";

這個(gè)時(shí)候也可以使用 as:

export {firstName as nickName} from "./module/example";

也可以使用 *

export * from "./module/example";

export *的時(shí)候，是不包含default的。如果我們想要包含default,得多帶帶導(dǎo)入和導(dǎo)出default：

//./module/example.js
export var firstName = "roger";
export const lastName = "waters";
export let dob = 1944;

function sum(a, b) {
    return a + b;
}
export {sum as default}

//./index.js
export * from "./module/example";
import sum from "./module/example";
export {sum};

//./main.js
import {firstName, lastName, dob} from "./index.js"
import {sum} from "./index"

二：export和import的注意點(diǎn)可能的錯(cuò)誤

1：在沒有default的情況下，不能export匿名函數(shù)

前面我們講到可以在定義一個(gè)函數(shù)的時(shí)候就export，但是這個(gè)函數(shù)不能是匿名函數(shù)，除非這個(gè)函數(shù)作為default導(dǎo)出。

2：export和import都只能用在module的最高層scope

不能在if..else，方法里，或者任何需要在runtime的時(shí)候才能確定下來的情況下，使用export和import。