Getter 的应用：ES8 中对 Object 的优化
Getter 和 Setter 在 ES6 已经得到了支持，它们分别用于获取和设置对象属性值。Getter 是一种被调用时自动获取属性值的函数，而 Setter 是一种被调用时自动设置属性值的函数。在 ES8 中，Getter 进一步得到了应用，可以对 Object 对象进行优化，提供更加丰富和灵活的属性获取方式。
在 ES8 中，引入了 Object.values() 和 Object.entries() 方法，它们分别用于获取对象的所有属性值和键值对。这些方法可以直接对 Object 对象使用，比如：
const obj = { name: '张三', age: 18 };
console.log(Object.values(obj)); // ['张三', 18]
console.log(Object.entries(obj)); // [['name', '张三'], ['age', 18]]上面的代码中，使用了 Object 对象的 values() 和 entries() 方法获取了对象的属性值和键值对。这种方式与 ES6 中的 Object.keys() 方法类似，但提供了更加常用的属性获取方式。这也是在 ES8 中引入 Getter 的重要原因之一。
除了直接获取对象的属性值和键值对之外，Getter 还可以通过访问器属性的方式，对属性值进行计算和处理。比如：
// javascriptcn.com 代码示例
const obj = {
name: '张三',
age: 18,
get birthYear() {
return new Date().getFullYear() - this.age;
}
};
console.log(obj.birthYear); // 2003在上面的代码中，通过访问器属性 birthYear 计算了一个动态的属性值，这个属性值是通过当前年份减去对象的 age 属性值得到的。这种方式可以将多个属性值进行组合，得到一个更加复杂的属性值。
Getter 还可以用于对对象属性的访问控制。比如，只读属性可以通过 Getter 实现：
// javascriptcn.com 代码示例
class Person {
constructor(name, age) {
this._name = name;
this._age = age;
}
get name() {
return this._name;
}
get age() {
return this._age;
}
}
const person = new Person('张三', 18);
console.log(person.name); // '张三'
person.name = '李四'; // 报错，name 是只读属性上面的代码中，使用 Getter 实现了对 name 和 age 属性的访问控制。外部只能通过 Getter 获取属性值，而不能直接设置属性值。这样可以更好地控制对象的属性使用，减少属性值被意外篡改的情况。
总结
Getter 在 ES8 中得到了广泛应用，可以实现对对象的优化和访问控制。它能够通过访问器属性的方式扩展对象的属性获取方式，也能够通过控制属性值的读写方式，避免属性值被意外篡改。在实际开发中，合理应用 Getter 可以使代码更加简洁、灵活和可维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6532a45b7d4982a6eb574237