javascript - 如何根据作用域/闭包更新解构的 JavaScript 变量？

Question

下面的代码是一个解构count变量和increaseCount更新函数。

如何在每次执行 increaseCount 函数时更新 count 变量的值？

这可能吗？

注意:我不希望count变量成为全局变量。

从下面的代码中，我尝试使用闭包来解决问题。但即使在第二个 console.log 之后，1 仍然显示。

function getCount() {
    let _count = 1;

    const _updateCount = () => {
        _count = _count + 1;
    };

    return [_count, _updateCount];


}

const [count, updateCount] = getCount();


console.log(count); /* <===== Expect initial count to be 1 */

updateCount();

console.log(count); /* <===== After calling updateCount I Expect count to be 2 */

1. 当第一个console.log被调用时，我期望count为1。

2. 当调用 updateCount 时，我希望 count 变量更新为 2。

3. 因此，当调用第二个 console.log 时，我希望显示 2。

Answer 1

鉴于您当前的代码，如果您希望能够多次调用 getCount ，这是不可能的 - 您解构了 count(顶层的原语)。更改它的唯一方法是重新分配 getCount 内的外部变量，这是一个坏主意。

let count;
function getCount() {
    count = 1;

    const _updateCount = () => {
        count = count + 1;
    };

    return _updateCount;
}

const updateCount = getCount();


console.log(count); /* <===== Expect initial count to be 1 */

updateCount();

console.log(count); /* <===== After calling updateCount I Expect count to be 2 */

一个简单的解决方法是不要将基元放在数组的第一个位置，而是使用返回内部 _count 的函数:

function getCount() {
    let _count = 1;

    const _updateCount = () => {
        _count = _count + 1;
    };

    return [() => _count, _updateCount];


}

const [getInternalCount, updateCount] = getCount();


console.log(getInternalCount()); /* <===== Expect initial count to be 1 */

updateCount();

console.log(getInternalCount()); /* <===== After calling updateCount I Expect count to be 2 */