js 变量 get set

在JavaScript中，get和set是对象属性的访问器描述符，它们允许你定义一个属性的读取（get）和写入（set）行为。这些访问器描述符通常用于实现数据封装和验证，以确保对象的状态始终保持有效。

基础概念

• Getter（获取器）：当尝试读取属性值时，会调用getter函数。它不接受任何参数，并且应该返回一个值。
• Setter（设置器）：当尝试写入属性值时，会调用setter函数。它接受一个参数，即要设置的值。

优势

1. 封装：通过getter和setter，可以将对象的内部状态隐藏起来，只暴露有限的接口。
2. 验证：可以在setter中添加逻辑来验证传入的值是否有效，从而防止无效数据被写入对象。
3. 计算属性：getter可以用来计算并返回一个基于其他属性的值，而不是存储一个实际的值。

类型

• 数据属性：具有值的属性，可以通过赋值直接修改。
• 访问器属性：具有getter和/或setter的属性，不能直接赋值。

应用场景

• 数据验证：在设置属性值之前进行检查。
• 日志记录：记录属性何时被读取或修改。
• 计算属性：基于其他属性动态计算出的值。

示例代码

const person = {
  firstName: 'John',
  lastName: 'Doe',
  get fullName() {
    return `${this.firstName} ${this.lastName}`;
  },
  set fullName(value) {
    const parts = value.split(' ');
    this.firstName = parts[0];
    this.lastName = parts[1] || '';
  }
};

console.log(person.fullName); // 输出: John Doe
person.fullName = 'Jane Smith';
console.log(person.firstName); // 输出: Jane
console.log(person.lastName); // 输出: Smith

遇到的问题及解决方法

问题：为什么setter没有按预期工作？

原因：可能是由于setter函数的实现不正确，或者在调用setter时传递了错误的参数。

解决方法：检查setter函数的逻辑，确保它正确地处理传入的值，并且在调用setter时传递了正确的参数。

问题：如何确保getter和setter的正确性？

解决方法：编写单元测试来验证getter和setter的行为是否符合预期。例如，可以测试getter是否返回了正确的值，以及setter是否正确地更新了内部状态。

注意事项

• 使用get和set时，属性名必须是字符串或符号。
• 在对象字面量中定义访问器属性时，不能使用:语法，而应该使用get和set关键字。

通过上述信息，你应该能够理解JavaScript中get和set的基本概念、优势、应用场景，以及如何解决可能遇到的问题。