ECMAScript6语法总结

发布时间 2023-04-28 17:09:24作者: Bruce.Chang.Lee

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