10.3 默認導出

按照前面的方法進行導入時，雖然可以對導入的變量進行重命名，但是需要知道變量在原來模塊中導出的名稱才可以。既然導入后可以重命名，那么如果可以不用管原來模塊中導出的是什么名字，直接在導入時指定一個變量名不就更方便了？ES還真提供了這樣的功能！在模塊導出的時候可以不指定變量名，只要使用關鍵字default就可以了，這樣在導入的時候就不需要關心導出時的變量名，例如下面的例子。

    //worker.js
    export default function(){
        console.log("working...");
    }


    //factory.js
    import work from "./worker"
    work();     //working...

這個例子在worker.js中就導出了默認的方法，然后在factory.js中導入為work方法。注意，導入默認變量時不使用花括號，直接寫就可以了。如果除了默認變量外還有其他變量，那么可以同時使用花括號將其他變量導入。另外，本例中導出的是匿名函數，實際上命名函數或者變量也可以默認導出，并且默認導出也可以在定義完之后使用單獨的語句進行導出，例如下面的例子。

    //worker.js
    function workerWork(){

        console.log("working...");
    }
    export var name = "王進喜";
    export default workerWork;


    //factory.js
    import work, {name as workerName} from "./worker"
    work();                           //working...
    console.log(workerName);         //王進喜