ES6 模块 + 显示模块模式

Question

我刚刚开始使用 es 6 模块进行前端开发（我们根本不使用 Node），想知道我们提出的这种模式是否有任何缺陷，或者您是否有任何改进建议。我猜它在 es6 模块中使用了揭示模块模式背后的一些基本原理。我问这个问题是因为我见过的大多数 es6 模块“如何指导”都做了不同的事情，我会在问题的最底部注明。

注意事项：

• 我们（非常确定我们）希望每个模块只导出一个东西。这在 Airbnb 风格指南中被列为最佳实践，我们刚刚发现在使用 npm 包时总体上很好
• 我们非常喜欢使用“public”和“private”来命名方法（我们应该将 _ 用于私有方法，因为这是较新的最佳实践），这样可以轻松查看模块外部可用的内容

module.js：

// publicly available method
function publicHello() {
    return 'Hello';
};

// publicly available method
function publicHelloWorld(){
    const a = publicHello();
    const b = privateProcessWorld(a);
    return b;
};

// private method
function privateProcessWorld(x) {
    return x + ' world';
};


// create an object to export, containing only the public methods
// note that we rename them here as well, making them easier to consume
const exp = {
    h: publicHello,
    hw: publicHelloWorld,
};

// export the object as default so it can be used in an unnamed import
export default exp;

使用模块：

import whatever from "module.js";

whatever.h();   // "Hello"
whatever.hw();  // "Hello world"

我在大多数“es6 module how to”指南中看到的是这样的：

var utils = {
  generateRandom: function() {
    return Math.random();    
  },
  sum: function(a, b) {
    return a + b;
  }
};

export default utils;

Answer 1

我们（很确定我们）希望每个模块只导出一个东西。

没有。不要这样做。如果你的模块提供了多种功能，比如一堆辅助函数，并且不提供单个函数或单个类之类的东西，你也应该导出多个东西。

只需将默认导出更改为

export {
  publicHello as h,
  publicHelloWorld as hw,
}

以及您的导入

import * as whatever from "module.js";