Es6模块化,是通过export命令显式指定输出的代码,再通过import命令输入的方法。
export命令
使用export输出变量,有两种方法。
一是在
var语句前添加export命令,在声明变量的同时进行输出
export var add=1000;
export var str="string"
一种是先声明变量,然后指定要输出的变量
var add=1000;
var str="string";
export {add,str};
除了输出变量以外,export还可以用于输出函数
export function sum(a,b){
console.log(a+b)
}
function plus(a){
console.log(a * a)
}
export {plus}
export可以使用as重命名对外的接口,同时使用export时必须要有对外接口,而不是直接输出值,如:
export 1000;
var add=1000;
export add;
这样使用会报错。
在使用export输出变量与函数后,就可以使用import接收对应的变量函数来实现模块化了。
import命令
使用import命令获取对应js文件内的输出后,便可使用对应的变量与函数了,
import {sum,plus,add} from "./08export.js";
sum(90,50);
plus(add);