物件導向程式設計 - 現實的抽象-js教程-PHP中文網

Programación Orientada a Objetos - Una abstracción de la realidad

您好，在這篇看似教程的文章中，我們將討論一個特別讓我頭疼的主題。然而，這種困難促使我不斷學習、研究、研究，將日常生活的抽象化為自己的抽象，從而將程式碼變成有形事物的表示（相信我，這有時可能是一項艱鉅的任務）。我對這個主題非常感興趣，現在我在這篇文章中分享了理解它的重要數據，所以讓我們進入問題的核心。

我將使用 JavaScript 作為我選擇的語言，以盡可能最好的方式解釋或嘗試做到這一點，即物件導向程式設計或其縮寫（OOP）。要理解如何將 OOP 應用於現實世界，您必須認識到物件導向程式設計不僅僅是一種技術，更是一種生活方式！在本文中，我們將探討基本的 OOP 概念並將其應用於日常生活中的具體範例。

什麼是物件導向程式設計？

物件導向程式設計是一種基於「物件」概念的程式設計範式，此時此刻你可以想像字面上一個生命的物件：一個蘋果，一隻狗，一棟房子，一輛汽車，一個橡皮爸爸。現在，想像一下這些物件可以包含屬性或特徵和功能形式的數據，也就是說，它們可以做一些事情。想像一下，您正在建模一個虛擬世界，其中每個實體都可以表示為具有獨特特徵的獨立物件。

現實生活中和 OOP 中的對象

為了更好地理解 OOP，讓我們來看一個現實生活中的例子：一輛車。汽車可以具有模型、顏色和速度等屬性，以及啟動和停止等方法。將其轉化為 OOP 的世界將非常簡單：

class Auto {
  constructor(modelo, color) {
    this.modelo = modelo;
    this.color = color;
    this.velocidad = 0;
  }

  arrancar() {
    console.log(`El auto ${this.modelo} ha arrancado.`);
  }

  detener() {
    console.log(`El auto ${this.modelo} se ha detenido.`);
    this.velocidad = 0;
  }

  acelerar(kmh) {
    this.velocidad += kmh;
    console.log(`El auto ${this.modelo} acelera a ${this.velocidad} km/h.`);
  }
}

// Crear un objeto auto
const miAuto = new Auto('Sedán', 'Rojo');

// Utilizar métodos del objeto auto
miAuto.arrancar();
miAuto.acelerar(50);
miAuto.detener();

登入後複製

在這個例子中，我們創建了一個 Auto 類，它具有模型、顏色和速度等屬性，以及方法，也就是它可以做的事情：如啟動、停止和加速。然後，我們基於該類別創建一個 myAuto 對象，並用它來模擬現實生活中的動作。

繼承：層次結構的關鍵

現在想像一下，我們不僅要建模汽車，還要建模摩托車。它們都有一些相似之處，但也有獨特的特徵。這就是 OOP 中的繼承概念發揮作用的地方。

class Camioneta extends Auto {
  constructor(modelo, color, tipo) {
    super(modelo, color);
    this.tipo = tipo;
  }

  realizarTruco() {
    console.log(`La camioneta ${this.modelo} ${this.tipo} realiza un asombroso truco.`);
  }
}

// Crear un objeto camioneta
const miCamioneta = new Camioneta('Explorer', 'Negra', '4x4');

// Utilizar métodos del objeto camioneta
miCamioneta.arrancar();
miCamioneta.acelerar(80);
miCamioneta.realizarTruco();
miCamioneta.detener();

登入後複製

在這裡，我們建立了一個新的 Truck 類別來擴充 Car 類別。 extends關鍵字允許我們繼承父類別（Auto）的所有屬性和方法。此外，子類別（Pickup）可以有額外的屬性和方法。

封裝：保護您的秘密

封裝是 OOP 的另一個支柱，它允許我們保護物件的內部細節並僅公開必要的內容。讓我們來看一個使用「銀行帳戶」的簡單範例：

class CuentaBancaria {
  constructor(titular, saldoInicial) {
    this.titular = titular;
    this._saldo = saldoInicial; // El saldo se designa con el prefijo _ para indicar que es privado
  }

  get saldo() {
    return this._saldo;
  }

  depositar(cantidad) {
    if (cantidad > 0) {
      this._saldo += cantidad;
      console.log(`${cantidad} depositados. Nuevo saldo: ${this._saldo}`);
    } else {
      console.log("Error: La cantidad debe ser mayor que cero.");
    }
  }

  retirar(cantidad) {
    if (cantidad > 0 && cantidad <= this._saldo) {
      this._saldo -= cantidad;
      console.log(`${cantidad} retirados. Nuevo saldo: ${this._saldo}`);
    } else {
      console.log("Error: Cantidad inválida o saldo insuficiente.");
    }
  }
}

// Crear una cuenta bancaria
const miCuenta = new CuentaBancaria('Juan Pérez', 1000);

// Utilizar métodos del objeto cuenta bancaria
console.log(`Saldo inicial: ${miCuenta.saldo}`);
miCuenta.depositar(500);
miCuenta.retirar(200);

登入後複製

在這個範例中，我們封裝了帳戶餘額，使用 get 方法來存取它。這可以保護餘額不被班級外部直接修改，從而維護我們銀行帳戶的完整性。

多態性：多功能性的魔力

多態性允許不同的類別共享相同的方法名稱，但每個類別都有特定的行為。為了說明這一點，讓我們想像一個動物園，裡面有會發出聲音的動物。

class Animal {
  hacerSonido() {
    console.log('Algunos sonidos genéricos de animal.');
  }
}

class Perro extends Animal {
  hacerSonido() {
    console.log('¡Guau! ¡Guau!');
  }
}

class Gato extends Animal {
  hacerSonido() {
    console.log('¡Miau! ¡Miau!');
  }
}

// Crear objetos animales
const miAnimal = new Animal();
const miPerro = new Perro();
const miGato = new Gato();

// Utilizar el método hacerSonido de cada objeto
miAnimal.hacerSonido();
miPerro.hacerSonido();
miGato.hacerSonido();

登入後複製

在此範例中，Dog 和 Cat 類別繼承自 Animal 類，但每個類別都使用自己獨特的實作重寫 makeSound 方法。這使得不同類型的動物可以不同地使用相同的方法。