原型和原型链

前端

2023-12-03 21:45:01

JavaScript中，原型和原型链是两个非常重要的概念。它们是理解JavaScript对象的行为方式、以及如何创建新对象的基础。

原型

每一个JavaScript对象都有一个原型对象，原型对象是一个包含了该对象属性和方法的特殊对象。当我们访问一个对象的属性或方法时，JavaScript引擎会先在该对象中查找，如果找不到，则会沿着原型链向上查找，直到找到该属性或方法。

原型链的概念在JavaScript中非常重要，它允许对象继承其他对象的属性和方法。这使得JavaScript中的对象可以非常灵活和可扩展。

原型链

原型链是JavaScript对象的一个重要概念。每个对象都有一个原型对象，原型对象也是一个对象，它可以具有自己的属性和方法。对象的原型对象可以通过对象的 __proto__ 属性访问。

当访问一个对象的属性或方法时，JavaScript引擎会先在该对象中查找，如果找不到，则会沿着原型链向上查找，直到找到该属性或方法。这使得对象可以继承其他对象的属性和方法，从而创建更加复杂和灵活的对象结构。

创建自定义对象

为了创建自定义对象，我们可以使用 Object.create() 方法。该方法接受两个参数：

原型对象： 新对象的原型对象。
属性符： 新对象的属性符。

属性描述符是一个对象，它包含了新对象的属性的配置信息，包括是否可写、是否可枚举等。

以下示例演示如何使用 Object.create() 方法创建自定义对象：

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

const newPerson = Object.create(person, {
  occupation: {
    value: 'Software Engineer',
    writable: true,
    enumerable: true
  }
});

console.log(newPerson.name); // John
console.log(newPerson.age); // 30
console.log(newPerson.occupation); // Software Engineer