一、“getter” 和 “setter”的概念
在JavaScript中，“getter”和“setter”分别是一种函数，用于获取和设置对象的某个属性。一个 getter是一个可以读取属性的方法，它可能是一个普通函数，也可以是一个类属性（使用 get 关键字）。一 setter是一个可以设置属性值的方法，它可能是一个普通函数，也可以是一个类属性（使用 set 关键字）。
二、gettersetter在编程中的应用
在编程中，我们通常使用getter和setter方法来控制对象属性的访问。下面的示例代码演示了如何使用getter和setter：
class Person {
constructor(name) {
this._name = name;
}
get name() {
return this._name;
}
set name(name) {
this._name = name;
}
}
let person = new Person('Alice');
console.log(person.name); // Alice
person.name = 'Bob';
console.log(person.name); // Bob
在上面的代码中，我们创建了一个Person对象，并为name属性添加一个getter和setter。 当获取name属性时，getter方法将返回_name变量的值；当设置name属性的值时，setter方法将更改_name变量的值。 通过使用getter和setter，我们可以控制对象属性的访问。在这个例子中，我们可以检查和限制私有变量_name的值。
三、gettersetter在面向对象编程中的应用
在面向对象编程（OOP）中，getter和setter常常用于控制对象属性的访问，以保证对象的封装性。
以下是面向对象编程中使用getter和setter的一个简单示例：
class Rectangle {
constructor(width, height) {
this._width = width;
this._height = height;
}
get area() {
return this._width * this._height;
}
get width() {
return this._width;
}
set width(width) {
this._width = width;
}
get height() {
return this._height;
}
set height(height) {
this._height = height;
}
}
let rectangle = new Rectangle(10, 20);
console.log(rectangle.area); // 200
rectangle.width = 5;
console.log(rectangle.area); // 100
rectangle.height = 5;
console.log(rectangle.area); // 25
在上面的代码中，我们创建了一个Rectangle对象，并为width和height属性添加getter和setter。我们还添加了一个计算矩形面积的area getter。通过使用这些getter和setter，我们可以确保矩形的宽度和高度始终保持在正确的范围内，并且可以轻松计算矩形的面积。
四、使用getter和setter的注意事项
在使用getter和setter时，请注意以下几点：
1、getter和setter方法必须有不同的名称
getter和setter方法必须与属性具有不同的名称。如果方法和属性具有相同的名称，将导致递归陷阱。
2、getter和setter方法可以是计算属性
getter和setter方法可以是计算属性。这意味着getter和setter方法不需要访问任何实例变量或类变量，而是可以计算结果并返回或设置值。
3、getter和setter方法可以是静态方法
getter和setter方法可以是静态方法，可以使用类名直接调用。这允许我们在没有实例的情况下访问和更改静态变量。
五、总结
通过本文，我们深入探索了getter和setter的概念及其在编程中的应用。getter和setter既提高了对象属性的访问灵活性，又保障了对象的封装性。
完整代码如下：
class Person {
constructor(name) {
this._name = name;
}
get name() {
return this._name;
}
set name(name) {
this._name = name;
}
}
let person = new Person('Alice');
console.log(person.name); // Alice
person.name = 'Bob';
console.log(person.name); // Bob
class Rectangle {
constructor(width, height) {
this._width = width;
this._height = height;
}
get area() {
return this._width * this._height;
}
get width() {
return this._width;
}
set width(width) {
this._width = width;
}
get height() {
return this._height;
}
set height(height) {
this._height = height;
}
}
let rectangle = new Rectangle(10, 20);
console.log(rectangle.area); // 200
rectangle.width = 5;
console.log(rectangle.area); // 100
rectangle.height = 5;
console.log(rectangle.area); // 25
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/197180.html
微信扫一扫 
支付宝扫一扫 