js 面向对象学习笔记

关于JS面向对象的学习，我们可以分为以下步骤：

1. 了解什么是面向对象编程

面向对象编程（OOP）是一种编程范式或编程风格，其主要思想是通过类和实例来描述和组织代码，将数据和行为封装在对象内部，对外提供接口进行访问和操作。

2. 学习面向对象的基本术语

在 OOP 中，有以下基本概念需要了解：

• 类（Class）：定义对象的属性和方法的蓝图
• 对象（Object）：类的实例
• 属性（Property）：对象的特征，用于描述对象的状态
• 方法（Method）：对象的行为，用于描述对象的动态行为
• 封装（Encapsulation）：对数据和行为的封装，将其视为一个整体，隐藏内部的细节
• 继承（Inheritance）：一个类（子类）可以继承另一个类（父类）的属性和方法，避免重复定义
• 多态（Polymorphism）：不同类的对象，可以对同一方法作出不同的响应

3. 实践面向对象的基本操作

定义类

JS 中定义一个类可以使用 class 关键字，下面是一个 Animal 类的示例：

class Animal {
  constructor(name) {
    this.name = name;
  }

  sayName() {
    console.log(`My name is ${this.name}`);
  }
}

创建对象

通过 new 关键字可以创建一个对象，下面是创建一个 Animal 对象的示例：

let dog = new Animal("旺财");
dog.sayName(); // My name is 旺财

继承

可以使用 extends 关键字来实现继承，下面是一个 Dog 类继承自 Animal 类的示例：

class Dog extends Animal {
  constructor(name, breed) {
    super(name); //调用父类的构造函数
    this.breed = breed
  }

  bark() {
    console.log("woof");
  }
}

多态

多态指的是不同的对象可以对同一个方法作出不同的响应。下面是一个实现多态的例子：

function makeSound(animal) {
  animal.sayName();
  if (animal instanceof Dog) {
    animal.bark();
  } else if (animal instanceof Cat) {
    animal.meow();
  }
}

let dog = new Dog("旺财", "哈士奇");
let cat = new Cat("小白", "短毛猫");
makeSound(dog); // My name is 旺财 woof
makeSound(cat); // My name is 小白 meow

综上所述，以上是 JS 面向对象学习笔记的完整攻略，未来的学习中建议多利用实战来加深理解。