JavaScript程序中实现继承特性的方式总结

概述
JavaScript的所有对象，都有自己的继承链。也就是说，每个对象都继承另一个对象，该对象称为“原型”（prototype）对象。只有null除外，它没有自己的原型对象。

原型对象的重要性在于，如果A对象是B对象的原型，那么B对象可以拿到A对象的所有属性和方法。Object.getPrototypof方法用于获取当前对象的原型对象。

var p = Object.getPrototypeOf(obj);

上面代码中，对象p就是对象obj的原型对象。

Object.create方法用于生成一个新的对象，继承指定对象。

var obj = Object.create(p);

上面代码中，新生成的obj对象的原型就是对象p。

非标准的__proto__属性（前后各两个下划线），可以改写某个对象的原型对象。但是，应该尽量少用这个属性，而是用Object.getPrototypeof()和Object.setPrototypeOf()，进行原型对象的读写操作。

var obj = {};var p = {};obj.__proto__ = p;Object.getPrototypeOf(obj) === p // true

上面代码通过__proto__属性，将p对象设为obj对象的原型。

下面是一个实际的例子。

var a = {x: 1};var b = {__proto__: a};b.x // 1

上面代码中，b对象通过__proto__属性，将自己的原型对象设为a对象，因此b对象可以拿到a对象的所有属性和方法。b对象本身并没有x属性，但是JavaScript引擎通过__proto__属性，找到它的原型对象a，然后读取a的x属性。

new命令通过构造函数新建实例对象，实质就是将实例对象的原型绑定构造函数的prototype属性，然后在实例对象上执行构造函数。

var o = new Foo();// 等同于var o = new Object();o.__proto__ = Foo.prototype;Foo.call(o);

原型对象自己的__proto__属性，也可以指向其他对象，从而一级一级地形成“原型链”（prototype chain）。

var a = { x: 1 };var b = { __proto__: a };var c = { __proto__: b };c.x // 1

需要注意的是，一级级向上，在原型链寻找某个属性，对性能是有影响的。所寻找的属性在越上层的原型对象，对性能的影响越大。如果寻找某个不存在的属性，将会遍历整个原型链。

this的动作指向
不管this在哪里定义，使用的时候，它总是指向当前对象，而不是原型对象。

var o = { a: 2, m: function(b) {  return this.a + 1; }};var p = Object.create(o);p.a = 12;p.m() // 13

上面代码中，p对象的m方法来自它的原型对象o。这时，m方法内部的this对象，不指向o，而是指向p。

构造函数的继承
这个小节介绍，如何让一个构造函数，继承另一个构造函数。

假定有一个Shape构造函数。

function Shape() { this.x = 0; this.y = 0;}Shape.prototype.move = function (x, y) { this.x += x; this.y += y; console.info('Shape moved.');};Rectangle构造函数继承Shape。function Rectangle() { Shape.call(this); // 调用父类构造函数}// 另一种写法function Rectangle() { this.base = Shape; this.base();}// 子类继承父类的方法Rectangle.prototype = Object.create(Shape.prototype);Rectangle.prototype.constructor = Rectangle;var rect = new Rectangle();rect instanceof Rectangle // truerect instanceof Shape // truerect.move(1, 1) // 'Shape moved.'