一、 構(gòu)造函數(shù)（Constructor）模式的封裝
為了解決從原型對(duì)象生成實(shí)例的問(wèn)題，Javascript提供了一個(gè)構(gòu)造函數(shù)（Constructor）模式。
所謂"構(gòu)造函數(shù)"，其實(shí)就是一個(gè)普通函數(shù)，但是內(nèi)部使用了this變量。對(duì)構(gòu)造函數(shù)使用new運(yùn)算符，就能生成實(shí)例，并且this變量會(huì)綁定在實(shí)例對(duì)象上。
舉個(gè)例子，下面生成的是狗的原型對(duì)象：

function Dog(name,color,species){

this.name = name;

this.color = color;

this.species = species;

this.type = "犬科動(dòng)物";

}

生成實(shí)例對(duì)象如下：

var dog1 = new Dog("大黃","黃色","中華田園犬");

var dog2 = new Dog("小黑","黑色","德國(guó)黑背");

alert(dog1.name); //大黃

alert(dog2.color); //黑色

這時(shí)dog1和dog2會(huì)自動(dòng)含有一個(gè)constructor屬性，指向它們的構(gòu)造函數(shù)。

alert(dog1.constructor == Dog); //true

alert(dog2.constructor == Dog); //true

Javascript還提供了一個(gè)instanceof運(yùn)算符，驗(yàn)證原型對(duì)象與實(shí)例對(duì)象之間的關(guān)系。

alert(dog1 instanceof Dog); //true

alert(dog2 instanceof Dog); //true

但是，構(gòu)造函數(shù)模式也存在浪費(fèi)內(nèi)存的問(wèn)題。因?yàn)閷?duì)于每一個(gè)實(shí)例對(duì)象，type屬性都是一樣的內(nèi)容，每生成一個(gè)實(shí)例對(duì)象，都必須為重復(fù)的內(nèi)容多分配一次內(nèi)存，這樣既不節(jié)省，也缺乏效率。因此，我們應(yīng)該想出一種讓type這樣的屬性在內(nèi)存中只生成一次，并且所有實(shí)例都指向這個(gè)內(nèi)存地址的方法。

二、 構(gòu)造函數(shù)結(jié)合原型屬性（Prototype）模式的封裝
針對(duì)構(gòu)造函數(shù)方法會(huì)浪費(fèi)內(nèi)存的問(wèn)題，有下面的解決方案，即將那些不變的屬性和方法，直接定義在構(gòu)造函數(shù)的Prototype對(duì)象上。

function Dog(name,color,species){

this.name = name;

this.color = color;

this.species = species;

}

Dog.prototype.type = "犬科動(dòng)物";

生成實(shí)例對(duì)象如下：

var dog1 = new Dog("大黃","黃色","中華田園犬");

var dog2 = new Dog("小黑","黑色","德國(guó)黑背");

alert(dog1.type); //犬科動(dòng)物

這時(shí)所有實(shí)例的type屬性，其實(shí)都是同一個(gè)內(nèi)存地址，指向prototype對(duì)象，因此就提高了運(yùn)行效率。

三、 Prototype模式的驗(yàn)證方法
為了配合prototype屬性，Javascript定義了一些輔助方法，幫助我們使用它。

3.1 isPrototypeOf()

這個(gè)方法用來(lái)判斷，某個(gè)proptotype對(duì)象和某個(gè)實(shí)例之間的關(guān)系。

alert(Dog.prototype.isPrototypeOf(dog1)); //true

alert(Dog.prototype.isPrototypeOf(dog2)); //true

3.2 hasOwnProperty()

每個(gè)實(shí)例對(duì)象都有一個(gè)hasOwnProperty()方法，用來(lái)判斷某一個(gè)屬性到底是本地屬性，還是繼承自prototype對(duì)象的屬性。

alert(dog1.hasOwnProperty("name")); // true

alert(dog1.hasOwnProperty("type")); // false

3.3 in運(yùn)算符

in運(yùn)算符可以用來(lái)判斷，某個(gè)實(shí)例是否含有某個(gè)屬性，不管是不是本地屬性。

alert("name" in dog1); // true

alert("type" in dog1); // true

in運(yùn)算符還可以用來(lái)遍歷某個(gè)對(duì)象的所有屬性。

for(var prop in dog1) { alert("dog1["+prop+"]="+dog1[prop]); }

總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接

最新評(píng)論