如何在 ES6 模块系统中导出 getter [重复]答案

【问题标题】：How to export getter in ES6 module system [duplicate]如何在 ES6 模块系统中导出 getter [重复]
【发布时间】：2017-06-26 09:59:20
【问题描述】：

是否可以在导入/导出模块系统中导出getter？

export getter $topbar(){ return $('.topbar') }

如何实现？

编辑：

所以当我问这个问题时，我了解到每个变量都导出为by ref，因此任何导出的变量都充当吸气剂，并在每次检查时暴露新值。

这意味着更改模块中的变量值将更改每个导入模块中的值

【问题讨论】：

【解决方案1】：

是否可以在导入/导出模块系统中导出getter？

这是不可能的。 ES6 模块无法导出 getter，因为它们甚至不导出值。 ES6 模块语法暴露一个局部变量，以便可以从模块外部访问它，但它甚至从不查看值。

这意味着你不能有一个 getter 用于任意变量，你也不能有一个 getter 用于导出。

唯一的选择是导出库用户需要调用的函数。

【讨论】：

soo.. 暴露变量几乎与暴露返回当前值的 getter 相同......有趣
是的，因此您可以导出变量并重新分配它也会影响导入它的位置。但是，如果 topbar 元素实际上会发生变化，您将导出一个函数，以便您的代码的用户知道期望它会发生变化。我认为大多数人都希望导出的变量保持不变。
它在初始化时会保持不变，但导出的东西会先于其他一切，所以...
我不确定你在说什么。

【解决方案2】：

ES6 - Exporting module with a getter 的重复。

就这样做吧：

export function $topbar() { return $('.topbar') }

或者：

export const $topbar = () => $('.topbar');

【讨论】：