前言
**原型的使用:**可以通过原型对象来添加共享的方法,这样所有通过该构造函数创建的对象实例都可以访问和使用这些方法。
举例
● 例如我们现在想在构造函数中添加一个计算年龄的方法,并且这个方法可以让所有的对象实例都可以访问到
Person.prototype.CalcAge = function () {
console.log(2099 - this.birthYear);
};
ItShare.CalcAge();
注:这样可以让所有的对象实例共享一个方法,千万不要将上述的方法直接写入到构造函数中,那么如果有一千甚至更多的对象实例的话,改方法会被重复调用很多次,产生很多的副本,影响代码效率!
关键点理解
- 在 JavaScript 中,每个函数对象都有一个特殊的属性叫做 prototype,这个属性指向一个对象。这个对象被称为函数的原型对象(Prototype Object)。当你创建一个构造函数并使用 new 关键字实例化一个对象时,该对象会自动关联到构造函数的原型对象上。
**2. 构造函数的原型对象:**每个函数在创建时,都会自动获取一个 prototype 属性,这个属性指向一个对象。这个对象就是构造函数的原型对象。 - 对象实例的原型:当你使用 new {} 创建一个对象实例时,这个实例会具有一个特殊的内部属性 proto(在现代 JavaScript 中可以通过 Object.getPrototypeOf() 访问),它指向构造函数的原型对象。
- JavaScript 中的原型链是由对象的 proto 属性链接而成的,通过原型链,对象可以访问其构造函数的原型对象上的属性和方法。如果一个属性或方法在对象本身找不到,JavaScript 引擎会沿着原型链向上查找,直到找到该属性或方法或者到达原型链的顶端(即 Object.prototype)。
- 在 JavaScript 中,虽然构造函数本身也有 prototype 属性,但通常我们更关心的是对象实例的 proto 属性,因为它直接决定了实例对象的原型链的结构和继承关系。
console.log(ItShare.__proto__ === Person.prototype);
对象的原型指向构造函数的原型对象,返回True
console.log(Person.prototype.isPrototypeOf(ItShare));
console.log(Person.prototype.isPrototypeOf(Person));
**注:**Person.prototype 是 Person 函数的原型对象,而不是 Person 函数本身的原型对象。