ES6的惯用模块模式

Question

在过去，我使用了揭示模块模式。

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，因为它在“destructuring”导入语法中提供了简单性。

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