var o = new Array();
o.push(3);
“new”操作符在JS中有三个重要的任务：首先，它创建一个新的空对象。接着，它设置这个新对象的_proto_属性指向调用函数的prototype属性。最后，执行调用函数同时把“this”指针指向新的对象。如果我们把上面的两行代码展开，将得到以下的代码：
复制代码 代码如下:
var o = {};
o.__proto__ = Array.prototype;
Array.call(o);
o.push(3);
函数的“call”方法允许你调用一个函数同时指定这个函数里面的"this"指向传入的新对象。当然，我们也想通过上面的方法来创建我们自己的对象来实现对象的继承，这种函数就是我们所熟知的——构造函数。
5.构造函数
构造函数是一个有两个独特标识的普通JS函数对象：
1.首字母大写（容易识别）。
2.用new操作符连接来构造新对象。
Array就是一个构造函数——Array函数用new连接、首字母大写。JS中的Array函数是内置的，但任何人都可以创建自己的构造函数。事实上，我们终于到了该为point对象来创建一个构造函数的时候了。
复制代码 代码如下:
var Point = function (x, y) {
this.x = x;
this.y = y;
this.add = function (otherPoint) {
this.x = otherPoint.x;
this.y = otherPoint.y;
}
}
var p1 = new Point(3, 4);
var p2 = new Point(8, 6);
p1.add(p2);
上面的代码中我们使用new操作符和Point函数来来构造一个point对象。在内存中你可以把最终的结果想成图6所表示的样子。
现在的问题是，add方法存在于每一个point对象中。鉴于我们对prototype的了解，把add方法加到Point.prototype中是一个更好的选择（不必把add方法的代码拷贝到每个对象中）。为了实现这个目的，我们需要在Point.prototype对象上做些修改。
复制代码 代码如下:
var Point = function (x, y) {
this.x = x;
this.y = y;
}
Point.prototype.add = function (otherPoint) {
this.x = otherPoint.x;
this.y = otherPoint.y;
}
var p1 = new Point(3, 4);
var p2 = new Point(8, 6);
p1.add(p2);
好了！我们已经用prototype实现了JS中的继承！
希望能通过这篇文章让你能拨开prototype的迷雾。当然这只是功能强大又灵活的prototype的入门。更多的关于prototype的知识还是希望读者能够自己去探索和发现。
您可能感兴趣的文章: