JavaScript中面向对象的编程
#javascript #初学者 #oops #inheritence

面向对象的编程(OOP)是许多编程语言(包括JavaScript)的流行范式。它允许开发人员通过将相关数据和功能分组为对象来创建更有条理和模块化的代码。在本文中,我们将探讨如何在JavaScript中实现OOP。

类和对象

在OOP中,类是用于创建对象的蓝图。他们定义对象将具有的属性和方法。在JavaScript中,使用“类”关键字创建类:

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
}

在这里,我们定义了一个人类类,该类别具有构造函数,该构造函数将“名称”和“年龄”参数定义为对象上的属性。我们还定义了一种“ sayhello”方法,该方法将消息记录到控制台。

要从类创建一个对象,我们使用新关键字:

const john = new Person('John', 30);
john.sayHello(); // logs "Hello, my name is John and I'm 30 years old."

遗产

OOP的关键好处之一是能够根据现有类创建新类的能力。这称为继承。在JavaScript中,我们可以使用“扩展”关键字来创建一个子类:

class Student extends Person {
  constructor(name, age, major) {
    super(name, age);
    this.major = major;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I'm a ${this.major} major.`);
  }
}

在这里,我们创建了一个扩展“人”课程的“学生”课。它具有一个构造函数,除了“名称”和“年龄”参数之外,还采用“主要”参数。我们还覆盖了“ sayhello”方法来记录其他消息。

当我们创建一个“学生”对象时,它将继承“人”类的属性和方法:

const jane = new Student('Jane', 20, 'Computer Science');
jane.sayHello(); // logs "Hello, my name is Jane and I'm a Computer Science major."

封装

封装是从外部代码中隐藏类的实现详细信息的做法。在JavaScript中,我们可以使用闭合来实现封装:

class BankAccount {
  constructor(initialBalance) {
    let balance = initialBalance;

    this.getBalance = function() {
      return balance;
    };

    this.deposit = function(amount) {
      balance += amount;
    };

    this.withdraw = function(amount) {
      if (amount > balance) {
        throw new Error('Insufficient funds');
      }

      balance -= amount;
    };
  }
}

在这里,我们创建了一个具有私人“余额”变量的“ bankaccount”类。我们已经揭示了操纵“余额”变量的三种方法(“ getalance”,“存款”和“撤回”),但是该变量本身无法从外部代码中直接访问。

结论

面向对象的编程是一种强大的范式,可以帮助您的JavaScript代码更有条理和模块化。类和对象,继承和封装只是使OOP如此有用的一些功能。通过掌握这些概念,您将在编写更高效和可维护的代码的过程中很愉快。