簡介

模組化產生的背景

··隨著網站逐漸變成"網際網路應用程式"，嵌入網頁的Javascript程式碼越來越龐大，越來越複雜

··Javascript模組化程式設計，已經成為一個迫切的需求。理想情況下，開發者只需要實現核心的業務邏輯，其他都可以載入別人寫好的模組

  但是Javascript不是一種模組化程式語言，它不支援"類"（class），"包"（package）等概念，也不支援"模組"（module）

模組化規範

　　CommonJS模組化規範

　　ES6模組化規範

CommonJS規範

每個檔案就是一個模組，有自己的作用域，在一個檔案裡面定義的變數，類都是私有的，對其他檔案不可見

commonjd使用export和require來匯出，匯入模組

1.建立"module"資料夾

2.新建匯出js檔案

 3.新建匯入測試js檔案

 4.測試

ES6規範

ES6使用export和import來匯出，匯入模組

1.建立"module"資料夾

2.新建匯出js檔案

  3.新建匯入測試js檔案

 4.測試

需要babel轉換

現在有新寫法：

匯出：

 匯入：