ECMAScript6语法总结
目录
- Module语法
export命令- 分别导出
- 统一导出
- 默认导出
import命令- 通用方式
- 结构方式，可以选择性导入需要的对象
- 简便方式（仅支持默认导出）
Module语法
export命令
分别导出
export const x = 9;
export const y = () => {
console.log(`x = ${x}`);
};
统一导出
const x = 9;
const y = () => {
console.log(`x = ${x}`);
};
export {
x,
y
};
默认导出
export default {
x: 9,
y: (x) => {
console.log(`x = ${x}`);
}
};
import命令
通用方式
import * as m from './js/common.js';
结构方式，可以选择性导入需要的对象
import {x, y} from './js/common.js';
import {x as xx, y as yy} from './js/common.js'; // 重命名
import {default as m} from './js/common.js'; // 针对默认导出
简便方式（仅支持默认导出）
import m from './js/common.js';
-----------------------------------------------------------------------------------------------------------
薔薇猛虎皆成個性，陽光雨露俱是天恩！
薔薇猛虎皆成個性，陽光雨露俱是天恩！