关于【原型和原型链】的两句话：深度解析面向对象底层处理机制

前端

2024-01-18 03:26:02

关于【原型和原型链】，有两句话值得关注：

除了三种特例以外，每一个函数数据类型都天生自带一个属性：原型属性，其属性值是：一个对象（Function.prototype）。
当访问实例不存在的属性或方法时，会沿着原型链向上查找，直到找到为止。

从这两句话中，我们可以了解到以下几点：

原型对象的概念

原型对象是函数构造出的实例共享的属性和方法的集合。每一个函数都有一个原型对象，其属性值是一个对象（Function.prototype）。

原型链的概念

原型链是指从实例到顶层原型对象（Object.prototype）的一条继承关系链。当实例访问它不存在的属性或方法时，会沿着原型链向上查找，直到找到为止。

面向对象特性

原型链提供了面向对象的特性，如继承和多态性。继承是指子类可以继承父类的属性和方法。多态性是指子类的实例可以调用父类的方法，但具体执行的是子类自己的方法。

原型的特点

原型对象本身也是一个对象，因此它也具有属性和方法。原型对象的属性和方法可以被实例继承。

原型的作用

原型对象是JavaScript中面向对象编程的基础。它提供了继承和多态性等特性，使得JavaScript可以实现面向对象的编程思想。

理解原型和原型链，对于理解JavaScript的面向对象编程非常重要。

为了更好地理解原型和原型链，我们可以举一个简单的例子。

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

Person.prototype.sayHello = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
};

const person1 = new Person('John', 20);
const person2 = new Person('Mary', 25);

person1.sayHello(); // Hello, my name is John and I am 20 years old.
person2.sayHello(); // Hello, my name is Mary and I am 25 years old.