Es6 模块化命令

102 阅读1分钟

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);