ES6中import和export

export

//导出一个变量或函数
export const sum = 123;
export function print() {
  console.log('funcA');
}
//使用大括号方式
export { sum, print };
//使用重命名方式导出
export { sum as variableSum };

//从其他模块导入后整体导出
export * from './foo';
//从其他模块导入后部分导出
export { sum } from './foo';
//从其他模块导入后,通过重命名部分导出
export { sum as variableSum } from './foo';

import

//导入一个变量或函数
import { sum, print } from './foo';
//使用重命名方式导入
import { sum as variableSum } from './foo';
//上述指定加载某个值,还可以用*指定一个对象
import * as foo from './foo';
//只导入模块
import 'core-js';

export default

  • 在一个变量之前(不需要使用let/const/var)
  • 在一个函数之前
  • 在一个类之前
//变量
export default (sum = 123);
//函数
export default function print() { ... }
//类
export default class Person { ... }

《深入理解TypeScript》

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章