javascript - 揭示模块模式结合 ES6 模块

Question

我不知道哪种方法更适合 ES6 模块和显示模块模式。来自 ES6 模块的数据/功能是否像 IIFE 一样私有(private)？

我是否应该只使用 *only ES6 模块，如下所示:

// Export file

export const test = () => {
 console.log('Hello from test');
}

// Import file

import { test } from "./test.js";

test();

或者我应该将两者结合使用:

// Export file

export const revealingPattern = (function() {
    function test() {
        console.log('Hello from test');
    }

    return {
        test
    }
})();

// Import file

import { revealingPattern } from "./test.js";
revealingPattern.test();

Answer 1

显示模块模式的主要目的是保持数据封装，但是 ES6 模块的顶层已经是私有(private)的——其中定义的变量不会泄漏到全局范围(除非你明确地分配给全局对象，比如 window.foo = 'foo' ) .

因此，在 ES6 模块中，揭示模块模式并没有任何意义——随意在顶层定义任何你想要的东西，它会被限制在模块(并且仅限于模块)，然后你可以明确 export 任何需要显示的内容(并且不会不希望显示其他内容)。