[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"); ~~~