原型的來(lái)源
原始創(chuàng)建類
new 后面跟的不是類膜廊，而是構(gòu)造函數(shù)
function Dog (name) {
this.name = name;
}
var dogA = new Dog('大毛');
alert(dogA.name); //大毛
new 運(yùn)算的缺點(diǎn)
用構(gòu)造函數(shù)生成實(shí)例對(duì)象选泻，有一個(gè)缺點(diǎn)冲粤，那就是無(wú)法共享屬性和方法
例如：
function Dog (name) {
this.name = name;
this.species = '犬科';
}
然后生成兩個(gè)實(shí)例對(duì)象：
var dogA = new Dog('大毛');
var dogB = new Dog('二毛');
這兩個(gè)對(duì)象的species屬性是獨(dú)立的，修改其中一個(gè)页眯，不會(huì)影響到另外一個(gè)梯捕。
dogA.species = '貓科';
alert(dogB.species); //顯示"犬科"，不受dogA的影響
缺點(diǎn)：每一個(gè)實(shí)例對(duì)象窝撵，都有自己的屬性和方法的副本傀顾。這無(wú)法做到數(shù)據(jù)共享，極大的浪費(fèi)了資源
prototype屬性的引入
這個(gè)屬性包含一個(gè)對(duì)象（檢查prototype對(duì)象）,所以實(shí)例對(duì)象需要共享的屬性和方法碌奉，都放在這個(gè)對(duì)象里面短曾，那些不需要共享的屬性和方法，就放在構(gòu)造函數(shù)里面赐劣。
實(shí)例對(duì)象一旦創(chuàng)建嫉拐，將自動(dòng)引入prototype對(duì)象的屬性和方法。也就是說(shuō)隆豹，實(shí)例對(duì)象的屬性和方法椭岩，分為2種茅逮，一種是本地的璃赡，另一種是引用的。
function Dog(name){
this.name = name;
}
Dog.prototype = { species : '犬科' };
var dogA = new DOG('大毛');
var dogB = new DOG('二毛');
alert(dogA.species); // 犬科
alert(dogB.species); // 犬科
Dog.prototype.species = '貓科'; //只要修改了prototype對(duì)象献雅，就會(huì)同時(shí)影響2個(gè)實(shí)例對(duì)象
alert(dogA.species); // 貓科
alert(dogB.species); // 貓科
由于所有的實(shí)例對(duì)象共享同一個(gè)prototype對(duì)象碉考，那么從外界看起來(lái)，prototype對(duì)象就好像是實(shí)例對(duì)象的原型挺身，而實(shí)例對(duì)象則好像"繼承"了prototype對(duì)象一樣侯谁。
原型的詳解
原型的使用方式
第一種：通過(guò)字面量的方式設(shè)定對(duì)象的原型
var Calculator = function (decimalDigits, tax) {
this.decimalDigits = decimalDigits;
this.tax = tax;
};
Calculator.prototype = {
add: function (x, y) {
return x + y;
},
subtract: function (x, y) {
return x - y;
}
};
//alert((new Calculator()).add(1, 3));
第二種：通過(guò)function立即執(zhí)行的表達(dá)式來(lái)賦值
Calculator.prototype = function () {
add = function (x, y) {
return x + y;
},
subtract = function (x, y) {
return x - y;
}
return {
add: add,
subtract: subtract
}
} ();
//alert((new Calculator()).add(11, 3));
這種方式的好處：可以封裝私有的function, 通過(guò)return的形式暴露出簡(jiǎn)單的使用名稱，以達(dá)到public/private的效果。
第三種： 分步聲明
var BaseCalculator = function () {
//為每個(gè)實(shí)例都聲明一個(gè)小數(shù)位數(shù)
this.decimalDigits = 2;
};
//使用原型給BaseCalculator擴(kuò)展2個(gè)對(duì)象方法BaseCalculator.prototype.add = function (x, y) {
return x + y;
};
BaseCalculator.prototype.subtract = function (x, y) {
return x - y;
};
使用方式講完了墙贱，接下來(lái)讓我們開(kāi)始（承接上面第三種方式的代碼）：
var Calculator = function () {
//為每個(gè)實(shí)例都聲明一個(gè)稅收數(shù)字
this.tax = 5;
};
Calculator.prototype = new BaseCalculator();
我們可以看到Calculator的原型是指向到BaseCalculator的一個(gè)實(shí)例上热芹，目的是讓Calculator集成它的add(x,y)和subtract(x,y)這2個(gè)function,還有一點(diǎn)要說(shuō)的是，由于它的原型是BaseCalculator的一個(gè)實(shí)例惨撇，所以不管你創(chuàng)建多少個(gè)Calculator對(duì)象實(shí)例伊脓，他們的原型指向的都是同一個(gè)實(shí)例。
var calc = new Calculator();alert(calc.add(1, 1));
//BaseCalculator 里聲明的decimalDigits屬性魁衙，在 Calculator里是可以訪問(wèn)到
alert(calc.decimalDigits);
上面的代碼报腔，運(yùn)行后，我們可以看到因?yàn)镃alculator的原型是指向BaseCalculator的實(shí)例上的剖淀，所以可以訪問(wèn)他的decimalDigits屬性值纯蛾，那如果我不想讓Calculator訪問(wèn)BaseCalculator的構(gòu)造函數(shù)里聲明的屬性值，那怎么辦呢纵隔？這么辦：
var Calculator = function () {this.tax= 5;};
Calculator.prototype = BaseCalculator.prototype;
通過(guò)將BaseCalculator的原型賦給Calculator的原型翻诉，這樣你在Calculator的實(shí)例上就訪問(wèn)不到那個(gè)decimalDigits值了，如果你訪問(wèn)如下代碼捌刮，那將會(huì)提升出錯(cuò)米丘。
var calc = new Calculator();
alert(calc.add(1, 1));
alert(calc.decimalDigits);
重寫原型
在使用第三方JS類庫(kù)的時(shí)候，往往有時(shí)候他們定義的原型方法是不能滿足我們的需要糊啡，但是又離不開(kāi)這個(gè)類庫(kù)拄查，所以這時(shí)候我們就需要重寫他們的原型中的一個(gè)或者多個(gè)屬性或function，我們可以通過(guò)繼續(xù)聲明的同樣的add代碼的形式來(lái)達(dá)到覆蓋重寫前面的add功能棚蓄，代碼如下：
//覆蓋前面Calculator的add() function
Calculator.prototype.add = function (x, y) {
return x + y + this.tax;
};
var calc = new Calculator();alert(calc.add(1, 1));
原型鏈
JavaScript對(duì)象有一個(gè)指向一個(gè)原型對(duì)象的鏈堕扶。當(dāng)試圖訪問(wèn)一個(gè)對(duì)象的屬性時(shí)，它不僅僅在該對(duì)象上搜尋（優(yōu)先搜對(duì)象）梭依，還會(huì)搜尋該對(duì)象的原型稍算，以及該對(duì)象的原型的原型，以此層層向上搜役拴，直到找到一個(gè)名字匹配的屬性或到達(dá)原型鏈的末尾.
我們來(lái)看個(gè)例子：
function foo() {
this.add = function (x, y) {
return x + y;
}
}
foo.prototype.add = function (x, y) {
return x + y + 10;
}
Object.prototype.subtract = function (x, y) {
return x - y;
}
var f = new foo();
alert(f.add(1, 2)); //結(jié)果是3糊探，而不是13
alert(f.subtract(1, 2)); //結(jié)果是-1
參考文獻(xiàn)：
http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html
http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html
