ES6 的惯用显示模块模式

Question

过去我使用过revealing module pattern。

function myModule() {
  function foo() ...
  function bar() ...

  return { 
    foo: foo, 
    bar: bar
  };
}

在 ES6 中，这通过对象简写得到了改进。

function myModule() {
  function foo() ...
  function bar() ...

  return { foo, bar };
}

现在使用内置模块语法，我正在努力寻找与上述最相似的首选模式。

选项 #1 命名为导出

// export file
function foo() ...
function bar() ...

export { foo, bar };

// import file
import { foo, bar } from './export-file';

foo();
bar();

选项 #2 带解构的默认导出/导入

// export file
function foo() ...
function bar() ...

export default { foo, bar };

// import file
import baz from './export-file';

const { foo, bar } = baz;

foo();
bar();

选项 #3 默认导出/导入名称间距

// export file
function foo() ...
function bar() ...

export default { foo, bar };

//import file
import baz from './export-file';

baz.foo();
baz.bar();

我喜欢带有命名导出的选项 #1，因为它在“解构”导入语法中提供了简单性。

import { foo, bar } from './export-file';

我还想继续在导出对象中的导出文件底部显式定义模块的导出API。

export { foo, bar };
// OR
export default { foo, bar };

我一直在阅读默认导出是首选的，因此我一直在尝试找到一个包含默认导出的首选模式，但我不愿意采用，因为它看起来更冗长，几乎没有优势（除了需要命名空间，或者在某些情况下同时包含命名导出和默认导出）。

在 ES6 模块语法中显示模块模式是否有惯用模式？

Answer 1

我一直认为默认导出是首选

不，他们不是。它们更简单，语法更短，可能会更频繁地使用（因为有更多的小型单导出模块），但它们通常不是首选。

为工作使用正确的工具。您已经知道自己想要的优势。

在 ES6 模块语法中显示模块模式是否有惯用模式？

是的，选项 #1。当您有多个要导出的内容时，请始终使用命名导出。

您可以从挑剔的语法中获得显式别名和摇树

import { foo, bar } from './export-file';

还有命名空间

import * as baz from './export-file';