[TOC] [背景]("https://www.cnblogs.com/Leo_wl/p/4869090.html") [模塊化參考網站]("https://www.jianshu.com/p/3d69d4ac2dfe") ### 模塊化特點 ~~~ 1. 每一個模塊只加載一次， 每一個JS只執行一次， 如果下次再去加載同目錄下同文件，直接從內存中讀取； 2. 每一個模塊內聲明的變量都是局部變量， 不會污染全局作用域； 3. 模塊內部的變量或者函數可以通過export導出； 4. 一個模塊可以導入別的模塊 ~~~ ### 命令： ~~~ 模塊功能主要由兩個命令構成：export和import。export命令用于規定模塊的對外接口，import命令用于輸入其他模塊提供的功能； ~~~ ### 使用方法： 方法1 ~~~ 在js文件中： export var firstName = 'Michael'; export var lastName = 'Jackson'; export var year = 1958; 另一個js文件中： import {firstName, lastName, year} from './profile'; ~~~ 方法2：（參看微信小程序） 封裝 ~~~ var imgUrl=[ {src:"/images/banner01.png"}, {src:"/images/banner02.png"}, {src:"/images/banner03.png"}, {src:"/images/banner04.png"} ]; module.exports={ imgUrl:imgUrl }; ~~~ 使用 ~~~ var local = require("../data/local.js"); ~~~