export命令用于规定模块的对外接口

一个独立的 JS 文件就是一个模块。该文件内部的所有变量，外部无法获取。如果希望外部能够读取模块内部的某个变量/函数/类，就必须使用 export 关键字输出该变量/函数/类。

输出变量

//profile.js
export var firstName = 'michael';
export var lastName = 'jackson';
export var year = 1958;
//优先考虑使用大括号指定所要输出的一组变量，可以在脚本尾部，容易看清楚输出了哪些变量
var firstName = 'michael';
var lastName = 'jackson';
var year = 1958;
export {firstName, lastName, year};

输出函数或类(class)

//输出函数
export function multiply(x, y){
return x * y;
}
//第二种写法，使用大括号输出
function multiply(x, y){
    return x * y;
}
export {multiply};
//export输出的变量就是本来的名字，可以使用as关键字重命名
function v1() {...}
function v2() {...}
export {
    v1 as streamV1,
    v2 as streamv2,
    v2 as streamLatestVersion    //v2可以用不同的名字输出
}

tips:export 命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。

//报错
export 1;
//报错
var m = 1;
export m;
//正确
export var m = 1;
//正确
var m = 1;
export {m};
//正确
var n = 1;
export {n as m};
//报错
function f() {}
export f;
//正确
export function f() {}
//正确
function f() {}
export {f};

本作品采用《CC 协议》，转载必须注明作者和本文链接