2.1JavaScript语言的ES6 Module

ES6 Module是ECMA-262引入的模块规范,可运用于浏览器或服务器环境。

命名导出和默认导出不会冲突,所以可以同时定义命名导出和默认导出。每个模块只能有一个默认导出。

导入

import { 模块A, 模块B...[as 别名]} from '模块路径';
import { foo } from './fooModule.js';

命名导出(export)

//命名导出多行形式
const foo = 'foo';
export { foo };
//命名导出单行形式
export const foo = ‘foo’;
//命名导出别名
const foo = 'foo';
export { foo as myFoo };

默认导出(export default)

//默认导出多行形式
const foo = 'foo';
export default foo;
//默认导出单行形式
export default 'foo';
//以上两种默认导出等同于下面
const foo = 'foo';
export { foo as default };

原创文章,作者:huoxiaoqiang,如若转载,请注明出处:https://www.huoxiaoqiang.com/frond/javascript/3556.html

发表评论

登录后才能评论