JavaScript面向对象：15个例子全部分析

2024-01-26 22:58:48

JavaScript对象

JavaScript是一门面向对象的语言，对象是它的核心概念。对象可以包含数据（属性）和行为（方法）。我们可以使用{}来创建对象，并使用.来访问对象的属性和方法。

const person = {
  name: 'John Doe',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  },
};

person.greet(); // Hello, my name is John Doe

对象操作

JavaScript提供了多种方法来操作对象，包括：

创建对象： 可以使用{}来创建对象。
访问对象属性： 可以使用.来访问对象的属性。
设置对象属性： 可以使用.和=来设置对象的属性。
调用对象方法： 可以使用.和()来调用对象的方法。
删除对象属性： 可以使用delete来删除对象属性。

继承

继承是一种在对象之间建立层次关系并复用代码的机制。JavaScript支持原型式继承，这意味着对象可以从其他对象继承属性和方法。

const parent = {
  name: 'John Doe',
  age: 30,
};

const child = Object.create(parent);

child.name = 'Jane Doe';

console.log(child.name); // Jane Doe

多态

多态是指对象可以以不同的方式响应相同的操作。JavaScript支持多态，这意味着对象可以具有不同的方法来处理相同的操作。

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

  speak() {
    console.log(`I am ${this.name}`);
  }
}

class Dog extends Animal {
  speak() {
    console.log(`Woof! I am ${this.name}`);
  }
}

class Cat extends Animal {
  speak() {
    console.log(`Meow! I am ${this.name}`);
  }
}

const dog = new Dog('Fido');
const cat = new Cat('Felix');

dog.speak(); // Woof! I am Fido
cat.speak(); // Meow! I am Felix