欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中prototype的使用詳解

 更新時間：2016年06月18日 10:31:56   作者：斯年余芳  
本文主要介紹js prototype 詳解，希望能幫到大家，有需要的朋友可以參考一下。

先看下面一段代碼：

function Machine(ecode, horsepower) {
  this.ecode = ecode;
  this.horsepower = horsepower;
}

function showme() {
  alert(this.name + " " + this.ecode + " " + this.horsepower);
}

var machine = new Machine("code1", 15);
machine.name = "machine1";
machine.showme = showme;
machine.showme();

這樣一段代碼，雖然建立了一個Machine對象后，通過machine.showme = showme;使得showme函數(shù)變成了Machine對象machine的方法。

但是，就看上面兩個函數(shù)（一個是對象的構(gòu)造函數(shù)，一個是普通方法）沒有任何關(guān)系，這樣的代碼，不是那么“優(yōu)雅“，因此，便有了prototype。

//機器
function Machine(ecode, horsepower) {
  this.ecode = ecode;
  this.horsepower = horsepower;
}
//特別注意這一句，Machine.prototype是第一次初始化的時候就初始化好的，
//當(dāng)調(diào)用Machine作為構(gòu)造函數(shù)的時候，engine的值不會再改變
Machine.prototype.engine = this.ecode + " " + this.horsepower;
Machine.prototype.showme = function () { alert(this.name + " " + this.ecode + " " + this.horsepower); }

利用以上代碼，所有的Machine對象就有了showme方法了。

但是要特別注意：

prototype只是面對實例的，而不是面對類對象的。（js中，類本身就是一個對象）所以Machine.showme();會報錯誤，因為Machine這個對象是沒有showme方法的。

那么，我們怎么使用showme方法呢？必須得新建一個Machine實例，只有Machine實例才會有這個方法。

var machine = new Machine("code1", 15);
machine.name = "machine1";
machine.showme(); //輸出machine1 code1 15。

有了prototype之后，我們更加容易實現(xiàn)繼承關(guān)系。比如我現(xiàn)在寫一個Car類，需要繼承目前這個Machine類，只需要寫如下代碼即可：

//小汽車
function Car(name, ecode, horsepower) {
  this.name = name;
  //調(diào)用父類的構(gòu)造函數(shù)，使得Car的對象有ecode、horsepower屬性
  Machine.call(this, ecode, horsepower);
}
//Car的原型指向Machine，使Car對象有Machine原型的任意屬性和方法，比如showme
Car.prototype = new Machine();

這里如何調(diào)用父構(gòu)造函數(shù)，以及如何獲得父類的原型，注釋的都很清楚，就不在贅述了。

然后，我們可以新建一個對象測試一下：

//新建一個類Car的對象。
var xiali = new Car("xiali", "aaa", 15);
alert(xiali.engine);
xiali.showme();

以上，是prototype的基本應(yīng)用，但是也是prototype的最主要的應(yīng)用。

掌握的prototype的使用，在以后的過程中，對于對象的構(gòu)建和繼承，會有更深層次的理解。

查看更多JavaScript的語法，大家可以關(guān)注：《JavaScript 參考教程》、《JavaScript代碼風(fēng)格指南》，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論