JavaScript面向对象之Prototypes和继承(2)

Prototype对象在JS中给我们这种继承的特性，它们也允许我们共享方法的实现。Prototype也是链式的。换句话说，prototype是一个对象，那么prototype对象也可以拥有一个指向别的prototype对象的引用。从图2中可以看到prototype的_proto_属性是一个不为null的值也指向另外一个prototype.当JS开始寻找成员变量的时候，比如push方法，它将沿着这些prototype的引用检查每一个对象直到找到这个对象或达到链的尾部为止。这种链的方式更增加了JS中继承和共享的灵活性。

接下来你也许会问：我怎样设置自定义对象的prototype引用？比如，我们之前创建过的对象point，我们怎样加入一个add方法到prototype对象中，让所有的point对象都能继承它？在我们回答这个问题之前，我们先了解一下JS中的函数.

4.关于Funciton
函数在JS中同样也是对象。函数在JS中有很多重要的特性，在此文章中我们不能一一列举。但像把一个函数赋值给一个变量或是将一个函数当做另外一个函数的参数在当今的JS编程中是很基础的方式。

我们需要关注的是：因为函数是对象，所以它拥有方法、属性和一个prototype对象的引用。我们一起讨论一下下面代码的含义：

复制代码 代码如下:

// this will return true:
typeof (Array) === "function"
// and so will this:
Object.getPrototypeOf(Array) === Object.getPrototypeOf(function () { })
// and this, too:
Array.prototype != null

第一行代码证明Array在JS中是一个函数。待会儿我们将看到怎样调用Array函数来创建一个新的array对象。

第二行代码证明Array对象和function对象引用相同的prototype，就像我们之前看到的所有的array对象共享一个prototype。

最后一行证明Array函数有一个prototype属性。千万不要将这个prototype属性和_proto_属性混淆了。它们的使用目的和指向的对象都不相同。

复制代码 代码如下:

// true
Array.prototype == Object.getPrototypeOf(myArray)
// also true
Array.prototype == Object.getPrototypeOf(yourArray);

我们用新学的知识重画之前的图片：

图 5

现在我们要创建一个array对象。其中一种方法就是：

复制代码 代码如下:

// create a new, empty object
var o = {};
// inherit from the same prototype as an array object
o.__proto__ = Array.prototype;
// now we can invoke any of the array methods ...
o.push(3);

尽管上面的代码看起来不错，但问题是不是每一个JS的环境都支持对象的_proto_属性。幸运的是，JS内置一个标准的机制用来创建新对象同时设置对象的_proto_属性，这就是“new”操作符。

复制代码 代码如下: