淺談ES6模組基礎知識

前言：每一個ES6模組都是一個包含JS程式碼的檔案，模組的本質就是一段指令碼，而不是model關鍵字定義的一個模組，但是模組與指令碼還是有兩點區別：

1.      在ES6模組中，無論你是否加入“use strict;”語句，預設情況下模組都是在嚴格模式下執行。

2.      在模組中你可以使用import和export關鍵字。

基礎：

一、     Export

再預設的情況下模組中的任何申明都是基於本地，也就是說模組的的變數，方法，事件都是基於本地，那麼問題是當這個模組被父其他模組呼叫時，需要共享申明的變數和方法。使用export模組，匯出。

二、     Import

相反的import意思就是匯入，在模組中引入元件，或者檔案的方法，變數。

匯入的檔案也可以重新命名

例：import _ from "lodash";

等價於:

import {default as _} from loash

三、     Export defaul

關鍵字export default後可跟隨任何值：一個函式、一個類、一個物件字面量，只要你能想到的都可以。

    let myObject = {

      field1: value1,

      field2: value2

    };

    export { default as myObject }

這種簡略的表達方法看起來更清爽：

    export default {

      field1: value1,

      field2: value2

    };