什么是原型:
在 JavaScript 中,每个函数都会创建一个 prototype 属性,这个属性是一个对象,包含应该由特点引用类型的实例共享的属性和方法。实际上这个对象就是通过调用构造函数创建的对象的原型。
原型的用处:
在原型对象上定义的属性和方法可以被对象实例共享。
function Person() {};
Person.prototype.name = "Nick";
Person.prototype.sayName = function() {
console.log(this.name);
};
let personOne = new Person();
personOne.sayName(); //Nick
let personTwo = new Person();
personTwo.sayName(); //Nick
console.log(personOne.sayName == personTwo.sayName); //true
理解原型:
默认情况下,所有原型对象自动获得一个名为 constructor 的属性,指回与之关联的构造函数,对于上面的代码:
Person.prototype.constructor 指向 Person。
每次调用构造函数创建一个新实例,这个实例的内部 [[Prototype]] 指针就会被赋值为构造函数的原型对象。所以:
实例与构造函数原型之间有直接的联系,但实例与构造函数之间没有。
在通过对象访问数据时,会按照这个属性的名称开始搜索,搜索开始于对象实例本身,如果没有找到,就沿着指针进入原型对象搜索这个属性。这就是原型用于在多个对象实例见共享属性和方法的原理。