JavaScript面向?qū)ο笫墙陙肀容^火的一個(gè)概念了，由于小弟才疏學(xué)淺，雖然做過不少的web項(xiàng)目，看了網(wǎng)上很多深?yuàn)W的資料和教程，還是對(duì)他們深?yuàn)W的理論一知半解，前段時(shí)間看了點(diǎn)書，總算有了自己的理解，今天也出來裝一回，如果覺得很深?yuàn)W，請(qǐng)直接鄙視我，如果覺得不對(duì)，請(qǐng)直接拍磚。

先通俗了解下面一些東西。

在JS代碼中寫入function fn(){}或者var fn=function(){}等等，你都可以將其理解為對(duì)象，當(dāng)然還有數(shù)組等等。

在理解面向?qū)ο笾?，先了解下面幾個(gè)東西吧。

1.對(duì)象方法的調(diào)用

在js最外層寫的function可以還可以理解為window對(duì)象的一個(gè)方法。定義的變量也可以稱之為window對(duì)象的一個(gè)屬性。例如：

var test=function(){
alert("123")
}
當(dāng)然上面的你也可以這樣定義
function test(){
alert("123")
}

作為window對(duì)象的方法我們可以這樣調(diào)用

test()//彈出警告框123(因?yàn)閣indow對(duì)象是頂級(jí)對(duì)象我們可以將其省略)
window.test()//彈出警告框123
window['test']()//彈出警告框123，可以將test理解為window數(shù)組對(duì)象下面的一個(gè)方法值。

通過以上的例子大致了解了對(duì)象的方法怎使用和調(diào)用。

2,私有方法

私有方法就是只有在對(duì)象內(nèi)部作用域內(nèi)部才能使用的方法?？梢杂米兞孔饔糜虻姆绞絹砝斫膺@個(gè)東西。
上面例子的function都可以理解為window對(duì)象的私有方法。繼續(xù)看下面的例子。

var pet=function(){
 function showpet(){
 alert("123")
 }
 showpet();//私有方法可以在函數(shù)作用域范圍內(nèi)使用。
 var temp="私有變量只有在函數(shù)或者對(duì)象作用域范圍內(nèi)能訪問"
}
showpet();//會(huì)出錯(cuò)
pet.showpet()//還是不能這樣調(diào)用
var Penguin=new pet() //實(shí)例化一個(gè)pet對(duì)象
Penguin.showpet()//不好意思這樣子還是不能讓你調(diào)用。

如果我想定義的方法可以對(duì)象的作用域外面調(diào)用該怎么辦呢？我該怎么使用私有方法呢？我們來看下一點(diǎn)內(nèi)容吧。

3.靜態(tài)方法

帶著上面的問題我們繼續(xù)上面的例子。

var pet=function(){
 function showpet(){//私有方法
 alert("123")
 }
 showpet();//私有方法可以在函數(shù)作用域范圍內(nèi)使用。
}
pet.show=function(){//給pet對(duì)象添加一個(gè)靜態(tài)方法。
alert("456")
}
pet.name="Penguin"http://給pet對(duì)象添加一個(gè)靜態(tài)屬性。
pet.show()//彈出警告框456
alert(pet.name)//彈出警告框Penguin
//繼續(xù)思維碰撞
=====================
var Penguin=new pet() //實(shí)例化一個(gè)pet對(duì)象
Penguin.show()//不好意思,這個(gè)靜態(tài)方法好像沒有被實(shí)例繼承。有這種思路值得表揚(yáng)啊，加油！

上面的實(shí)例向你展示了什么叫靜態(tài)方法，當(dāng)然你可能會(huì)不明白，其實(shí)我也不懂，因?yàn)槲乙彩遣锁B，但是只要你看了以后知道怎樣為對(duì)象寫一個(gè)靜態(tài)方法，怎么調(diào)用該靜態(tài)方法就可以了，也許某一天，你突然明白了就會(huì)回來教我了。帶著上面的問題我們來看看實(shí)例化的對(duì)象能調(diào)用的方法。

4.公有方法

公有方法通常是通過修改構(gòu)造函數(shù)的原型來實(shí)現(xiàn)的，修改一個(gè)對(duì)象的原型以后，所有該對(duì)象實(shí)例都會(huì)繼承原型的修改（這句話極為裝B，如果你感覺模糊就請(qǐng)忽略）。

修改對(duì)象原型的方法，繼續(xù)上面的例子。

pet.prototype.setname=function(str){//通過修改原型添加一個(gè)公有方法，用于添加修改實(shí)例對(duì)象的name
name=str;
}

看例子：

var pet=function(){
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){ //如果這里不理解，請(qǐng)注意這個(gè)方法下面就要介紹了。
 showname();
 }
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet()
 Penguin.setname("Penguin");//添加實(shí)例的name值為Penguin
 Penguin.show();   //彈出Penguin
 Penguin.setname("wind");//添加實(shí)例的name值為wind
 Penguin.show();   //彈出wind

  運(yùn)行代碼玩玩。

<script>
var pet=function(){
 name:"123",
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){
 showname();
 }
 }
pet.prototype.setname=function(str){
 name=str;
}
 var Penguin=new pet()
 Penguin.setname("Penguin");
Penguin.show();
Penguin.setname("wind");
Penguin.show();
</script>

5.特權(quán)方法(對(duì)象或者函數(shù)對(duì)外的接口)

其實(shí)在上面的例子中我們已經(jīng)用到了這種方法。這種方法可以被實(shí)例化的對(duì)象繼承所調(diào)用。通過在構(gòu)造函數(shù)內(nèi)部通過thsi關(guān)鍵字定義的的方法。特權(quán)方法能夠在構(gòu)造函數(shù)外面公開訪問（僅限于實(shí)例化的對(duì)象），而且還能夠訪問私有成員和方法，因此用來做為對(duì)象或者構(gòu)造函數(shù)的接口最合適不過了，通過特權(quán)函數(shù)我們可以控制公有方法對(duì)私有方法的訪問，這個(gè)在JS框架的擴(kuò)展中有很多應(yīng)用。

各位看官可以當(dāng)上面的是一段P話，我們具體來看看怎么樣定義一個(gè)特權(quán)方法，怎樣引用一個(gè)特權(quán)方法，繼續(xù)調(diào)用上面得實(shí)例來看。

var pet=function(){
 function showname(){//私有方法
 alert(this.name)
 }
 this.show=function(){//通過使用this關(guān)鍵字定義一個(gè)特權(quán)方法。
 showname();  //在特權(quán)方法中訪問私有方法；
 }
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet();//實(shí)例化一個(gè)pet對(duì)象
 Penguin.setname("Penguin");//調(diào)用公有方法修改
 Penguin.show();   //調(diào)用特權(quán)方法訪問私有方法，彈出name

首先通過在構(gòu)造函數(shù)中用this.fn=function(){}建立一個(gè)特權(quán)方法。在特權(quán)函數(shù)中訪問私有方法；

實(shí)例化的對(duì)象可以通過訪問特權(quán)函數(shù)來使用部分私有方法，訪問特權(quán)函數(shù)的方法同訪問公有函數(shù)。

第一部分就暫時(shí)理解到這里了，下一部分會(huì)通過一個(gè)實(shí)例來詮釋下面向?qū)ο笫窃趺囱bB的。

以上就是本文的全部內(nèi)容，希望對(duì)大家有所幫助，感興趣的朋友可以看下《Javascript之面向?qū)ο?-封裝》謝謝對(duì)腳本之家的支持！

最新評(píng)論