模块功能主要由两个命令构成：export和import。
export用于输出对外接口，improt用于输人接口
exprot 可以输出变量，也可以输出函数、类。
输出变量的三种写法
// 写法一
export var m = 1;
// 写法二，运用结构赋值
var m = 1;
export {m};
// 写法三
var n = 1;
export {n as m};
输出函数
//在test.js里面输出
export function add(x) {
return x + 1;
}
也可以写成
function add(x) {
return x + 1;
}
export {add};
获取函数
//在main.js里面获取
import add from './test.js' //'./test.js'是文件路径
add(1) //2
输出类
写法1
export class Point {
constructor(x, y) {
return this.x;
return this.y;
}
}
//写法2，跟1差不多
class Point1 {
constructor(x, y) {
return this.x;
return this.y;
}
}
export {Point,Poiont1}
获取
import {Point,Point1} from './test.js';
var a = new Point(1,2);
前面的例子使用import需要知道变量名与函数名
使用export default 命令获取则不需要
export default function foo() {
console.log('foo');
}
或者写成
function foo() {
console.log('foo');
}
export default foo
//test.js
function foo() {
console.log('foo');
}
export {foo as default}
//main.js
import {default as xxx} from './test.js'