javascript - es6 export 的一个理解问题

Question

各位乡亲，在看阮一峰老师的 es6入门教程的时候，有一段看了多次也没有理解

需要特别注意的是，export命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。

// 报错
export 1;

// 报错
var m = 1;
export m;

上面两种写法都会报错，因为没有提供对外的接口。第一种写法直接输出1，第二种写法通过变量m，还是直接输出1。1只是一个值，不是接口。正确的写法是下面这样。

// 写法一
export var m = 1;

// 写法二
var m = 1;
export {m};

// 写法三
var n = 1;
export {n as m};

上面三种写法都是正确的，规定了对外的接口m。其他脚本可以通过这个接口，取到值1。它们的实质是，在接口名与模块内部变量之间，建立了一一对应的关系。

在这里这个“接口”到底指的是什么？
对于

// 报错
function f() {}
export f;

// 正确
export function f() {};

差别到底在哪里？

Answer 1

你不妨直接看一看语法是如何规定的：

export { name1, name2, …, nameN };
export { variable1 as name1, variable2 as name2, …, nameN };
export let name1, name2, …, nameN; // also var
export let name1 = …, name2 = …, …, nameN; // also var, const

export expression;
export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

export * from …;
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;

取自 https://developer.mozilla.org...

ta说的接口就是 expression 即表达式，用通俗的话说就是不是常量（固定值）的那么一种东西。

另外，你可以用default这样写：

export default m = 1

因为 m = 1 是一个表达式。其它地方你可以直接 import m from ... 然后 m 的值就是1.