JavaScript原型链与继承：一个深入探讨

2023-09-12 10:18:16

在JavaScript中，"原型链"和"继承"是两个重要的概念，理解它们对于掌握JavaScript的精髓至关重要。本文将深入探讨这些概念，带领您了解它们在JavaScript中的应用。

JavaScript中的对象

在JavaScript中，一切皆对象。这意味着任何数据或行为都可以用对象来表示。对象由键值对组成，其中键是对象的属性，值是属性的值。

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

在这个例子中，person是一个对象，它拥有三个属性：name、age和occupation。

原型链

每个对象都有一个原型，原型也是一个对象。对象的原型是用来查找对象中不存在的属性或方法的地方。

const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

console.log(person.name); // "John Doe"
console.log(person.occupation); // "Software Engineer"
console.log(person.hobby); // undefined

在这个例子中，person对象没有hobby属性，因此JavaScript会沿着原型链向上查找。如果person的原型有hobby属性，那么它将被返回。否则，JavaScript将返回undefined。

继承

继承允许我们创建新对象，这些新对象从其他对象继承属性和方法。

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

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

const john = new Person("John Doe", 30, "Software Engineer");

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