Question

我已经阅读了MDN的文档，好吧，主要是关于新模块功能的好处，让我感到困惑的是关于export的小事，现在，让我们看看：

当我

export function foo(x) {
   return x * x;
}

或

export const foo = (x) => {
  return x * x
}

两者都有效;

但是如果

const foo = (x) => {
  return x * x
}
export foo  // failed

我知道这里应该export {foo}，但是，为什么？有什么区别，那应该是有效的。很高兴听到一些精灵的想法。

Answer 1

ES模块仅支持多种语法变体，以便进行静态分析。

根据reference，变化是：

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

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

export foo不在其中。它不受支持且无法使用。

Answer 2

我知道这里应该是export {foo}，但为什么？

因为这是决定的语法。请注意，实际上可以从单个导出声明中导出多个变量：

export { foo as foo, bar as bar }

如果没有大括号，它就不会流畅。

为什么我不能在ES6中导出导出声明的函数？

2 个答案: