深入gettersetter

一、「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