行为类似于函数的 JavaScript 变量

Question

是否可以创建一个链接到函数并在每次读取该变量时执行该函数的变量？ 当对某个翻译的调用已经发生时，用例将更新语言翻译（返回一个将来可能会更改的翻译字符串）。 这样的相似， get一类的方法之三，但没有实际定义的类。

知道如何做到这一点（如果有的话）？

Answer 1

您可以使用Object.defineProperty()来做到这一点

 Object.defineProperty(this, 'prop', { // adding to whatever "this" context is get: () => Math.random() }) console.info('prop get #1', prop) console.info('prop get #2', prop)

Answer 2

一种选择是利用global对象可以在其上定义隐式在范围内的属性这一事实。 在 Web 浏览器中， Window对象是global对象，因此：

<script>
var foo = 123;

function bar() { console.log( foo ) };
bar();
</script>

是不是和这个一样：

<script>
document.window.foo = 123;

function bar() { console.log( foo ) };
bar();
</script>

是否（或多或少）与此相同：

<script>
Object.defineProperty( window, "foo", { value: 123 } );

function bar() { console.log( foo ) };
bar();
</script>

因此，我们可以滥用Object.defineProperty来获得您想要的效果，但需要注意的是，它不能在global属性不可访问的 JavaScript 范围内工作。

<script>
function createMagicVariable( name, func ) {

    var propDef = {
        get: func
    };
    Object.defineProperty( window, name, propDef );
}
</script>

像这样使用：

<script>

function getRandom() { return Math.random(); }

createMagicVariable( 'foo', getRandom );

console.log( foo );
console.log( foo );
console.log( foo );

</script>