在JavaScript ES6类中对"set function()“的无限期调用

在JavaScript ES6类中，对"set function()"的无限期调用是指在类的setter方法中无限递归调用自身的情况。

当我们在类中定义一个setter方法时，可以使用"set"关键字加上一个函数名来定义该属性的设置方法。这个setter方法会在给属性赋值时自动调用。

然而，如果在setter方法中不小心调用了自身，就会导致无限递归调用的情况发生。这会导致程序陷入无限循环，最终导致堆栈溢出错误（stack overflow error）。

以下是一个示例代码，展示了对"set function()"的无限期调用：

class MyClass {
  constructor() {
    this._myProperty = 0;
  }

  set myProperty(value) {
    this.myProperty = value; // 无限递归调用
  }
}

const myObject = new MyClass();
myObject.myProperty = 10; // 无限递归调用，导致堆栈溢出错误

在上面的示例中，setter方法"myProperty"中的赋值语句this.myProperty = value;实际上是在调用自身，而不是给属性赋值。这样就会导致无限递归调用，最终导致堆栈溢出错误。

为了避免这种情况发生，我们应该在setter方法中使用不同的属性名来存储值，而不是直接调用自身。例如，可以使用下划线前缀来表示私有属性：

class MyClass {
  constructor() {
    this._myProperty = 0;
  }

  set myProperty(value) {
    this._myProperty = value; // 使用不同的属性名存储值
  }
}

const myObject = new MyClass();
myObject.myProperty = 10; // 正确赋值，不会发生无限递归调用

在上面的修正后的示例中，setter方法"myProperty"将值存储在私有属性"_myProperty"中，避免了无限递归调用的问题。

总结：在JavaScript ES6类中，对"set function()"的无限期调用是指在类的setter方法中无限递归调用自身的情况。为了避免这种情况发生，应该在setter方法中使用不同的属性名来存储值，而不是直接调用自身。

相关链接：