1.模块化
什么是模块化
- 模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。
- 模块化的优势有以下几点:
- 防止命名冲突
- 代码复用
- 高维护性
模块化规范产品
- CommonJS=> NodeJS、Browserify
- AMD => requireJS
- CMD => seaJS
- ES6
2. ES6 模块化
- 模块功能主要由两个关键字构成:export 和 import
- export 命令用于规定模块的对外接口
- import 命令用于输入其他模块提供的功能
3. export
export 有两种导出模式,export 和 export default(一个模块中只能有一个 default)
导出变量
export 后边可以是一个变量声明表达式或者是一个{}里边包含变量名,但是不能直接输出一个变量, export default 后边可以直接跟一个常量或者变量,但是不能跟声明表达式
export var a = 1 //正确
const age = 100
export {
age } //正确
export age //错误
export default age //正确
export default 50 //正确
export default var name='abc ' //错误
导出函数
export 和 export 都可以直接导出函数声明语句,但是 export 后边不能跟匿名函数,如果直接导出函数名 export 需要用{}包裹
//正确
export default function test () {
console.log('test function')
}
//正确
export function test2 () {
console.log('test function')
}
//错误
export function () {
console.log('test function')
}
//正确
export default function () {
console.log('test function')
}
function test3(){
console.log('test3 function')
}
//正确
expor {
test3}
//正确
export default test3
错误