ES6 Module语法: export 与 export default

这里写目录标题

  • 一、export 与 export default
          • 注意:export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句,如下:

一、export 与 export default

// 第一组
export default function crc32() { // 输出
  // ...
}
import crc32 from 'crc32'; // 输入

// 第二组
export function crc32() { // 输出
  // ...
};
import {crc32} from 'crc32'; // 输入

export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

注意:export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句,如下:
// 正确
export var a = 1;

// 正确
var a = 1;
export default a;

// 错误
export default var a = 1;

// 正确
export default 42;

// 报错
export 42;

你可能感兴趣的:(JS,+,ES6,学习记录,javascript,前端,ecmascript)