JavaScript模块规范

什么是模块规范

初入前端,不知道模块规范是什么东西。首先,模块化是现代程序设计的一个风格,不模块化,就不便于复用。现代生产的手机、汽车、甚至房子都是模块化的。既然模块化,就需要有规范,否则只有你自己使用,其他人无法用。比如,你做了一个手机摄像头设备,它的大小尺寸不满足规范,就不能被其他手机厂商使用。

模块的接口

一个模块是一个封闭的单元,也是一个独立的文件。外部文件无法访问模块内部的变量和方法。需要通过export导出变量。其它文件或模块就能够实现共享引用的效果。模块与模块之间的通信是直接的引用访问。所以,程序中模块级的划分比较低级,但是它们之间的通信效率也是最高。

import/export导出命令

对于导入命令:
可以单独为每个导入的变量定义一个变量
import {area,circumference } from './circle';
也可以为所有导入的变量定义一个对象
import * as circle from './circle'
对于导出命令:
一种是单独导出每个变量;
export var m = 1;
一种是在文件末尾,使用{}集中导出需要导出的变量;
export {m,a,b};
还有一种是export default命令。如果用户不想知道模块导出什么变量,就不需要非起一个与模块内部导出名相同的变量名,这样太过麻烦,采用export default可以定义一个匿名的输出。用户可以任意起名:
import myvar from './module.js

你可能感兴趣的:(JavaScript模块规范)