Getter未按预期返回值

基础概念： Getter 是 JavaScript 中的一个属性访问器，用于获取对象的私有属性值。它通常与 Setter 一起使用，以确保对象的状态在设置或获取时得到正确管理。

相关优势：

1. 封装性：Getter 和 Setter 允许开发者隐藏对象的内部状态，只通过公共接口进行访问和修改。
2. 可维护性：当需要更改对象的内部实现时，只需修改 Getter 和 Setter，而不必修改使用这些属性的所有代码。
3. 验证和控制：可以在 Setter 中添加验证逻辑，确保只有有效的值被设置到对象中。

类型：

• 简单 Getter：仅返回私有属性的值。
• 计算 Getter：基于其他属性或数据计算并返回值。

应用场景：

• 数据验证：在设置属性值之前进行验证。
• 计算属性：当属性值依赖于其他属性或数据时。
• 延迟计算：只在需要时计算属性值，以提高性能。

常见问题及原因： Getter 未按预期返回值可能是由于以下原因之一：

1. 拼写错误：Getter 方法名拼写错误或与调用时的名称不匹配。
2. 作用域问题：Getter 方法内部引用的变量作用域不正确。
3. 逻辑错误：Getter 方法内部的逻辑不正确，导致返回了错误的值。

示例代码： 假设我们有一个简单的类 Person，其中包含一个私有属性 _name 和一个 Getter name。

class Person {
  constructor(name) {
    this._name = name;
  }

  get name() {
    return this._name;
  }
}

const person = new Person('Alice');
console.log(person.name); // 应该输出 'Alice'

问题解决： 如果 person.name 没有按预期返回 'Alice'，可以按照以下步骤进行排查：

1. 检查拼写：确保 Getter 方法名 name 拼写正确，并且在调用时也使用了正确的名称。
2. 检查作用域：确保 Getter 方法内部正确引用了 _name 属性。
3. 调试逻辑：在 Getter 方法内部添加 console.log 语句，检查每一步的执行情况。

例如：

class Person {
  constructor(name) {
    this._name = name;
  }

  get name() {
    console.log('Getting name:', this._name); // 调试信息
    return this._name;
  }
}

const person = new Person('Alice');
console.log(person.name); // 应该输出 'Alice'

通过这些步骤，可以定位并解决 Getter 未按预期返回值的问题。