模块化指的就是将一个大程序拆分成若干个互相依赖的小文件,然后在用简单的方法拼装起来。
在 ES6 之前,JS没有模块化系统,社区制定了一些模块加载方案
最主要的有 CommonJS(Asynchronous module definition) 和 AMD(common module definition) 两种。前者用于服务器,后者用于浏览器
/* CommonJS(node遵循该规范) ->require.js 引入 ->module.exports 导出 AMD 比如 -> require.js CMD 比如 -> sea.js */
ES6 模块的设计思想是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量
(CommonJS 模块就是对象,输入时必须查找对象属性)
ES6 模块不是对象,而是通过export
命令显式指定输出的代码,再通过import
命令输入
//import {fn} from './xx.js'; 引入模块 //export function fn(){} 导出模块
模块可以理解为函数代码块的功能,是封装对象的属性和方法的javascript代码,它可以是某单个文件,变量或者函数
在Es6模块中,无论有没有加"use strict",都会自动采用严格模式