Javascript之面向?qū)ο?-方法
JavaScript面向?qū)ο笫墙陙肀容^火的一個概念了，由于小弟才疏學淺，雖然做過不少的web項目，看了網(wǎng)上很多深奧的資料和教程，還是對他們深奧的理論一知半解，前段時間看了點書，總算有了自己的理解，今天也出來裝一回，如果覺得很深奧，請直接鄙視我，如果覺得不對，請直接拍磚。
先通俗了解下面一些東西。
在JS代碼中寫入function fn(){}或者var fn=function(){}等等，你都可以將其理解為對象，當然還有數(shù)組等等。
在理解面向?qū)ο笾?，先了解下面幾個東西吧。
1.對象方法的調(diào)用
在js最外層寫的function可以還可以理解為window對象的一個方法。定義的變量也可以稱之為window對象的一個屬性。例如：
var test=function(){
alert("123")
}
當然上面的你也可以這樣定義
function test(){
alert("123")
}
作為window對象的方法我們可以這樣調(diào)用
test()//彈出警告框123(因為window對象是頂級對象我們可以將其省略)
window.test()//彈出警告框123
window['test']()//彈出警告框123，可以將test理解為window數(shù)組對象下面的一個方法值。
通過以上的例子大致了解了對象的方法怎使用和調(diào)用。
2,私有方法
私有方法就是只有在對象內(nèi)部作用域內(nèi)部才能使用的方法?？梢杂米兞孔饔糜虻姆绞絹砝斫膺@個東西。
上面例子的function都可以理解為window對象的私有方法。繼續(xù)看下面的例子。
var pet=function(){
function showpet(){
alert("123")
}
showpet();//私有方法可以在函數(shù)作用域范圍內(nèi)使用。
var temp="私有變量只有在函數(shù)或者對象作用域范圍內(nèi)能訪問"
}
showpet();//會出錯
pet.showpet()//還是不能這樣調(diào)用
var Penguin=new pet() //實例化一個pet對象
Penguin.showpet()//不好意思這樣子還是不能讓你調(diào)用。
如果我想定義的方法可以對象的作用域外面調(diào)用該怎么辦呢？我該怎么使用私有方法呢？我們來看下一點內(nèi)容吧。
3.靜態(tài)方法
帶著上面的問題我們繼續(xù)上面的例子。
var pet=function(){
function showpet(){//私有方法
alert("123")
}
showpet();//私有方法可以在函數(shù)作用域范圍內(nèi)使用。
}
pet.show=function(){//給pet對象添加一個靜態(tài)方法。
alert("456")
}
pet.name="Penguin"http://給pet對象添加一個靜態(tài)屬性。
pet.show()//彈出警告框456
alert(pet.name)//彈出警告框Penguin
//繼續(xù)思維碰撞
=====================
var Penguin=new pet() //實例化一個pet對象
Penguin.show()//不好意思,這個靜態(tài)方法好像沒有被實例繼承。有這種思路值得表揚啊，加油！
上面的實例向你展示了什么叫靜態(tài)方法，當然你可能會不明白，其實我也不懂，因為我也是菜鳥，但是只要你看了以后知道怎樣為對象寫一個靜態(tài)方法，怎么調(diào)用該靜態(tài)方法就可以了，也許某一天，你突然明白了就會回來教我了。帶著上面的問題我們來看看實例化的對象能調(diào)用的方法。
4.公有方法
公有方法通常是通過修改構(gòu)造函數(shù)的原型來實現(xiàn)的，修改一個對象的原型以后，所有該對象實例都會繼承原型的修改（這句話極為裝B，如果你感覺模糊就請忽略）。
修改對象原型的方法，繼續(xù)上面的例子。
pet.prototype.setname=function(str){//通過修改原型添加一個公有方法，用于添加修改實例對象的name
name=str;
}
看例子：
var pet=function(){
function showname(){//私有方法
alert(this.name)
}
this.show=function(){ //如果這里不理解，請注意這個方法下面就要介紹了。
showname();
}
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet()
Penguin.setname("Penguin");//添加實例的name值為Penguin
Penguin.show(); //彈出Penguin
Penguin.setname("wind");//添加實例的name值為wind
Penguin.show(); //彈出wind
運行代碼玩玩。
<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)方法(對象或者函數(shù)對外的接口)
其實在上面的例子中我們已經(jīng)用到了這種方法。這種方法可以被實例化的對象繼承所調(diào)用。通過在構(gòu)造函數(shù)內(nèi)部通過thsi關(guān)鍵字定義的的方法。特權(quán)方法能夠在構(gòu)造函數(shù)外面公開訪問（僅限于實例化的對象），而且還能夠訪問私有成員和方法，因此用來做為對象或者構(gòu)造函數(shù)的接口最合適不過了，通過特權(quán)函數(shù)我們可以控制公有方法對私有方法的訪問，這個在JS框架的擴展中有很多應(yīng)用。
各位看官可以當上面的是一段P話，我們具體來看看怎么樣定義一個特權(quán)方法，怎樣引用一個特權(quán)方法，繼續(xù)調(diào)用上面得實例來看。
var pet=function(){
function showname(){//私有方法
alert(this.name)
}
this.show=function(){//通過使用this關(guān)鍵字定義一個特權(quán)方法。
showname(); //在特權(quán)方法中訪問私有方法；
}
}
pet.prototype.setname=function(str){
name=str;
}
var Penguin=new pet();//實例化一個pet對象
Penguin.setname("Penguin");//調(diào)用公有方法修改
Penguin.show(); //調(diào)用特權(quán)方法訪問私有方法，彈出name
首先通過在構(gòu)造函數(shù)中用this.fn=function(){}建立一個特權(quán)方法。在特權(quán)函數(shù)中訪問私有方法；
實例化的對象可以通過訪問特權(quán)函數(shù)來使用部分私有方法，訪問特權(quán)函數(shù)的方法同訪問公有函數(shù)。
第一部分就暫時理解到這里了，下一部分會通過一個實例來詮釋下面向?qū)ο笫窃趺囱bB的。
以上就是本文的全部內(nèi)容，希望對大家有所幫助，感興趣的朋友可以看下《Javascript之面向?qū)ο?-封裝》謝謝對腳本之家的支持！
相關(guān)文章
在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面詳解
這篇文章主要給大家介紹了關(guān)于在Js頁面通過POST傳遞參數(shù)跳轉(zhuǎn)到新頁面的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-08-08
javascript使用遞歸算法求兩個數(shù)字組合功能示例
這篇文章主要介紹了javascript使用遞歸算法求兩個數(shù)字組合功能,結(jié)合實例形式分析了JS基于遞歸算法的數(shù)組遍歷、判斷、轉(zhuǎn)換等相關(guān)操作技巧,需要的朋友可以參考下2017-01-01
下面小編就為大家?guī)硪黄猨s輸入框使用正則表達式校驗輸入內(nèi)容的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
關(guān)于laydate.js加載laydate.css路徑錯誤問題解決
日期時間選擇插件 laydate.js相信對大家來說都不陌生，這篇文章主要給大家介紹了關(guān)于laydate.js加載laydate.css路徑錯誤問題解決的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-12-12
JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法
這篇文章主要介紹了JS實現(xiàn)網(wǎng)頁上隨機產(chǎn)生超鏈接地址的方法,涉及JavaScript隨機數(shù)的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
JavaScript利用canvas實現(xiàn)星空效果
Canvas對于我們前端來說是一個非常強大的工具,它可以實現(xiàn)各種復雜的圖形和動畫效果,我們?nèi)绻軌蚴炀氄莆账?我們就可以做很多炫酷的效果,本文就給大家介紹了用canvas畫出一片星空的方法,需要的朋友可以參考下2023-11-11
js中setTimeout的妙用--防止循環(huán)超時
本文主要介紹了使用setTimeout實現(xiàn)防止循環(huán)超時的方法，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
在網(wǎng)站開發(fā)中,經(jīng)常會遇到需要展示多張圖片并自動切換的需求,這就需要使用JavaScript來實現(xiàn)圖片的自動輪播功能,本文將通過一個簡單的例子,演示如何用JavaScript實現(xiàn)圖片的自動輪播,感興趣的同學可以自己動手試一試2023-09-09
這篇文章主要向大家介紹了原生JS實現(xiàn)的LOADING效果的代碼，效果非常不錯，而且可以自定義顏色和速度，推薦給大家，希望大家能夠喜歡。2015-03-03
這篇文章主要介紹了微信小程序之GET請求的實例詳解的相關(guān)資料,希望通過本文能幫助到大家，讓大家理解掌握該如何使用get請求,需要的朋友可以參考下2017-09-09