如何保持状态在JavaScript函数上的显示

在JavaScript中，要保持状态在函数上的显示，可以使用闭包或者使用对象的属性来实现。

使用闭包：闭包是指函数可以访问并操作其外部作用域中的变量。通过在函数内部定义一个内部函数，并返回这个内部函数，可以创建一个闭包。内部函数可以访问外部函数的变量，从而保持状态的显示。

示例代码：

function createCounter() {
  let count = 0;
  
  function increment() {
    count++;
    console.log(count);
  }
  
  return increment;
}

const counter = createCounter();
counter(); // 输出 1
counter(); // 输出 2

在上面的例子中，createCounter 函数返回了一个内部函数 increment，该内部函数可以访问并修改外部函数的变量 count。每次调用 counter 函数时，都会增加 count 的值并打印出来。

使用对象的属性：可以创建一个对象，并在对象上定义一个属性来保存状态。通过在函数中访问和修改该属性，可以保持状态的显示。

示例代码：

const counter = {
  count: 0,
  
  increment() {
    this.count++;
    console.log(this.count);
  }
};

counter.increment(); // 输出 1
counter.increment(); // 输出 2

在上面的例子中，counter 对象有一个属性 count，通过调用 increment 方法可以增加 count 的值并打印出来。

无论是使用闭包还是对象的属性，都可以在JavaScript函数中保持状态的显示。具体使用哪种方式取决于具体的需求和场景。

参考链接：

闭包：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures
对象：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Working_with_Objects