JavaScript面向对象的新理解

2023-09-02 22:38:52







### JavaScript中的对象

对象是JavaScript中最基本的数据类型之一，它可以存储各种各样的属性和方法。对象可以是简单的数据结构，也可以是复杂的应用程序。

#### 对象的创建

在JavaScript中，可以通过两种方式创建对象：

* 使用字面量语法：

```javascript
const person = {
  name: 'John Doe',
  age: 30,
  city: 'New York'
};

使用new和构造函数：

function Person(name, age, city) {
  this.name = name;
  this.age = age;
  this.city = city;
}

const person = new Person('John Doe', 30, 'New York');

类的概念

在JavaScript中，类是对象的一种特殊形式，它可以用于创建具有相同属性和行为的对象。类使用class关键字定义，它包含属性和方法的定义。

类的创建

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

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

继承

继承是面向对象编程中的一种重要特性，它允许一个类从另一个类继承属性和方法。子类可以访问父类的所有公共和受保护的属性和方法。

继承的实现

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

  study() {
    console.log(`I am studying at ${this.school}`);
  }
}

多态

多态是面向对象编程中另一种重要特性，它允许不同的对象对相同的操作做出不同的响应。这使得我们可以编写更灵活和可扩展的代码。

多态的实现

class Animal {
  makeSound() {
    console.log('I am an animal');
  }
}

class Dog extends Animal {
  makeSound() {
    console.log('Woof!');
  }
}

class Cat extends Animal {
  makeSound() {
    console.log('Meow!');
  }
}

const dog = new Dog();
const cat = new Cat();

dog.makeSound(); // Woof!
cat.makeSound(); // Meow!

封装

封装是面向对象编程中的一种重要特性，它允许我们将数据和行为封装在对象中，从而隐藏对象的内部实现细节。这使得我们可以编写更安全和可维护的代码。

封装的实现

class Person {
  #name;
  #age;
  #city;

  constructor(name, age, city) {
    this.#name = name;
    this.#age = age;
    this.#city = city;
  }

  getName() {
    return this.#name;
  }

  getAge() {
    return this.#age;
  }

  getCity() {
    return this.#city;
  }
}

抽象

抽象是面向对象编程中的一种重要特性，它允许我们将对象的公共接口和私有实现分离。这使得我们可以编写更灵活和可扩展的代码。

抽象的实现

abstract class Animal {
  makeSound() {
    throw new Error('This method must be implemented in a subclass');
  }
}

class Dog extends Animal {
  makeSound() {
    console.log('Woof!');
  }
}

class Cat extends Animal {
  makeSound() {
    console.log('Meow!');
  }
}

const dog = new Dog();
const cat = new Cat();

dog.makeSound(); // Woof!
cat.makeSound(); // Meow!