prototype 对象

面向对象编程很重要的一个方面，就是对象的继承。A 对象通过继承 B 对象，就能直接拥有 B 对象的所有属性和方法。这对于代码的复用是非常有用的。JavaScript 语言的继承则是通过“原型对象”（prototype）。 1，原型对象概述 1.1构造函数的缺点 JavaScript 通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。通过构造函数为实例对象定义属性，虽然很方便，但是有一个缺点。同一个构造函数的多个实例之间，无法共享属性，从而造成对系统资源的浪费。 function Cat(name, color) { this.name = name; this.color = color; this.meow = function () { console.log('喵喵'); }; }

var cat1 = new Cat('大毛', '白色'); var cat2 = new Cat('二毛', '黑色');

cat1.meow === cat2.meow // false 上面代码中，cat1和cat2是同一个构造函数的两个实例，它们都具有meow方法。由于meow方法是生成在每个实例对象上面，所以两个实例就生成了两次。也就是说，每新建一个实例，就会新建一个meow方法。这既没有必要，又浪费系统资源，因为所有meow方法都是同样的行为，完全应该共享。 这个问题的解决方法，就是 JavaScript 的原型对象（prototype）。

1.2 prototype 属性的作用 JavaScript 继承机制的设计思想就是，原型对象的所有属性和方法，都能被实例对象共享。也就是说，如果属性和方法定义在原型上，那么所有实例对象就能共享，不仅节省了内存，还体现了实例对象之间的联系。

1.3原型链 读取对象的某个属性时，JavaScript 引擎先寻找对象本身的属性，如果找不到，就到它的原型去找，如果还是找不到，就到原型的原型去找。如果直到最顶层的Object.prototype还是找不到，则返回undefined。如果对象自身和它的原型，都定义了一个同名属性，那么优先读取对象自身的属性，这叫做“覆盖”（overriding）。

1.4 constructor 属性 prototype对象有一个constructor属性，默认指向prototype对象所在的构造函数。

function P() {} P.prototype.constructor === P // true 由于constructor属性定义在prototype对象上面，意味着可以被所有实例对象继承。

function P() {} var p = new P();

p.constructor === P // true p.constructor === P.prototype.constructor // true p.hasOwnProperty('constructor') // false 上面代码中，p是构造函数P的实例对象，但是p自身没有constructor属性，该属性其实是读取原型链上面的P.prototype.constructor属性。

constructor属性的作用是，可以得知某个实例对象，到底是哪一个构造函数产生的。 function F() {}; var f = new F();

f.constructor === F // true f.constructor === RegExp // false

1.5 instanceof 运算符 instanceof运算符返回一个布尔值，表示对象是否为某个构造函数的实例。 由于instanceof检查整个原型链，因此同一个实例对象，可能会对多个构造函数都返回true。

var d = new Date(); d instanceof Date // true d instanceof Object // true 上面代码中，d同时是Date和Object的实例，因此对这两个构造函数都返回true。

instanceof的原理是检查右边构造函数的prototype属性，是否在左边对象的原型链上。有一种特殊情况，就是左边对象的原型链上，只有null对象。这时，instanceof判断会失真。 var obj = Object.create(null); typeof obj // "object" Object.create(null) instanceof Object // false 上面代码中，Object.create(null)返回一个新对象obj，它的原型是null（Object.create的详细介绍见后文）。右边的构造函数Object的prototype属性，不在左边的原型链上，因此instanceof就认为obj不是Object的实例。但是，只要一个对象的原型不是null，instanceof运算符的判断就不会失真。

instanceof运算符的一个用处，是判断值的类型。 var x = [1, 2, 3]; var y = {}; x instanceof Array // true y instanceof Object // true 注意，instanceof运算符只能用于对象，不适用原始类型的值。

constructor和instanceof区别： 前者返回构造函数的具体名称，后者返回布尔值， 前者不会判断构造函数的引用类型，后者可以，但是有缺陷

转载于:https://juejin.im/post/5a9f9e116fb9a028dd4dc6d1