Javascript 函数关闭 - 在 return 语句中访问更新的变量值

Question

我正在使用类似于下面的嵌套函数:

function counter() {
  let count = 0;

  function increment() {
    count++;
  }

  return {
    count: () => count,
    increment: increment
  };
}

const myCounter = counter();
myCounter.increment();
console.log(myCounter.count())

这似乎工作正常，但有什么方法可以返回更新的 count只是值而不是函数？理想情况下，目标是能够仅通过 myCounter.count 访问更新的计数。而不是 myCounter.count()

Answer 1

你可以拿一个 getter ，这是一个函数，如果您使用该属性，则会调用该函数。

function counter() {
  let count = 0;

  function increment() {
    count++;
  }

  return {
    get count() { return count },
    increment
  };
}

const myCounter = counter();
myCounter.increment();
console.log(myCounter.count)