朋友們好，前面我們已經(jīng)講解了有關(guān)javascript的基礎(chǔ)，從今天的內(nèi)容開(kāi)始，我們就要開(kāi)始講有關(guān)封裝的內(nèi)容了，這里，我們就一點(diǎn)一點(diǎn)地接觸到OOP（面向?qū)ο缶幊蹋┝?，如果作為一門(mén)語(yǔ)言使用的程序員連OOP都不知道是什么，或者只聽(tīng)說(shuō)過(guò)，自己沒(méi)有去領(lǐng)悟，不能寫(xiě)出面向?qū)ο蟮拇a，那么也沒(méi)有學(xué)習(xí)程序的必要了，下面我先會(huì)給大家詳細(xì)的介紹面向?qū)ο笫鞘裁?，面向過(guò)程是什么，要想弄明白面向?qū)ο螅紫任覀兙捅仨氈烂嫦蜻^(guò)程。在你已經(jīng)弄明白了面向過(guò)程之后，我們也不能盲目地為了OOP而OOP，那樣只會(huì)是做一些徒勞的事，因?yàn)樵诖蠖鄶?shù)時(shí)候，我們寫(xiě)一些代碼只是為了解決一小事情，那么，我們就沒(méi)必要寫(xiě)OOP了，只需要寫(xiě)一些面向過(guò)程的代碼就可以了，用個(gè)詞來(lái)形容“因地制宜”。

　　我們就先從面向過(guò)程開(kāi)始，先來(lái)解釋一下過(guò)程是什么意思，我們平時(shí)所說(shuō)的“程序”二字其實(shí)過(guò)程，執(zhí)行一個(gè)程序，也就是執(zhí)行一個(gè)過(guò)程，例如：上班，就是一個(gè)程序，其中的過(guò)程經(jīng)過(guò)是，9點(diǎn)準(zhǔn)時(shí)到公司，做一些自己應(yīng)該完成的事，下午6點(diǎn)不管做成什么樣，上班的過(guò)程做完了，離開(kāi)公司，這就是過(guò)程；再來(lái)個(gè)更具體的例子，取款，執(zhí)行的過(guò)程我們就寫(xiě)得更明白一點(diǎn)：

1、帶上銀行卡到ATM

2、插入銀行卡

3、輸入密碼

4、輸入取款數(shù)目

5、ATM吐鈔

6、把錢(qián)放入自己兜里

6、如果發(fā)現(xiàn)沒(méi)有取到自己想要數(shù)，返回第4步

7、如果要打印回執(zhí)單，就點(diǎn)擊打印回執(zhí)單；如果不打印，就省略該步驟

8、退卡

9、程序完畢

從上面的步驟我們可以看出，從第一步到最后一步，這就是執(zhí)行順序，第4到第6步就是一個(gè)循環(huán)過(guò)程，第7步是個(gè)分支過(guò)程，這就是過(guò)程，也就是程序。我們寫(xiě)代碼的目的就是模擬一些行為過(guò)程，用計(jì)算機(jī)的高速運(yùn)算的特點(diǎn)為我們的生活服務(wù)。

我們就可以把取款封裝成一個(gè)函數(shù)，這樣，這就是一個(gè)獨(dú)立的過(guò)程，在需要的時(shí)候，我們就可以調(diào)用這個(gè)函數(shù)，就能完成我們的工作需要，下面我們就用一個(gè)最簡(jiǎn)單的例子來(lái)表達(dá)一個(gè)最簡(jiǎn)單的程序過(guò)程

function KissWife(whoseWife){
 console.log(whoseWife+"把臉湊過(guò)來(lái)");
 console.log("我把嘴唇印上去");
 console.log("木啊一聲");
 console.log("親"+whoseWife+"一次完成");
}

KissWife("我老婆");

看圖說(shuō)話，在合適的時(shí)候，我們調(diào)用KissWife函數(shù)，輸入合適參數(shù)，我們執(zhí)行完一個(gè)過(guò)程了。

　　OOP的目的就是提高代碼的重用率，用最少的代碼干盡量多的事，使用參數(shù)，也是面向?qū)ο缶幊痰囊环N體現(xiàn)，我們來(lái)舉個(gè)反例，如果我們?cè)诓皇褂脜?shù)的情況下，我們?cè)谙胗H別人老婆的時(shí)候，就要重新寫(xiě)一個(gè)KissWife函數(shù)，這樣，我們就寫(xiě)了大量重復(fù)的代碼，不方便代碼管理，諸多不便，方法不順溜，就算在親別人老婆的時(shí)候被發(fā)現(xiàn)的機(jī)率就大大增加了，帶來(lái)了一些不必要的麻煩。

這時(shí)候有同學(xué)想問(wèn)了，我覺(jué)得，我覺(jué)得我不習(xí)慣使用參數(shù)，就是不想傳遞參數(shù)，代碼管理哪里會(huì)出現(xiàn)不方便管理呢？好，這個(gè)問(wèn)題問(wèn)得相當(dāng)?shù)牡轿弧?/p>

我來(lái)解釋一下吧，如果在這個(gè)過(guò)程執(zhí)行過(guò)程中，我們發(fā)現(xiàn)有不合理的地方，需要修改，例如，我還想伸個(gè)舌頭啥的，我們就要在親自己老婆的函數(shù)中修改（麻煩），還要在親別人老婆的函數(shù)中修改（麻煩+1），當(dāng)我們有很多個(gè)類似的函數(shù)的時(shí)候，是不是要全部做修改（麻煩+n）；第二個(gè)壞處就是修改次數(shù)多了，你能保證一次性全部修改都不會(huì)出錯(cuò)嗎（容易失誤），這就能體現(xiàn)出了，如果我們只是完全寫(xiě)一些重復(fù)性的代碼，工作效率大打折扣。

　　通過(guò)上面的講解，其實(shí)新手讀者們還是沒(méi)能理解什么是OOP（面向?qū)ο缶幊蹋?，我們現(xiàn)在就從對(duì)象（object）開(kāi)始講解，這里的對(duì)象，不能單純地理解成談戀愛(ài)時(shí)所處的男女朋友，對(duì)象是指世間的萬(wàn)事萬(wàn)物，太陽(yáng)，大海，人，寵物……；每一種我們可以想得到的事物，每一個(gè)對(duì)象都有自己的屬性，行為。

我們就可以像上圖這樣來(lái)理解，鳥(niǎo)就是一個(gè)對(duì)象，它有自己屬性，有自己的行為，下面我們就用具體代碼來(lái)封裝一個(gè)關(guān)于鳥(niǎo)的類。（注：在javascript語(yǔ)言中function關(guān)鍵字中僅僅用來(lái)定義函數(shù)，也可以定義類，它不能像高級(jí)語(yǔ)言那樣使用Class關(guān)鍵字，后面我們講繼承的時(shí)候，我們還會(huì)用特殊方法來(lái)實(shí)現(xiàn)繼承）

//聲明一個(gè)鳥(niǎo)類
function Bird(){
 this.name = "鴿子";
 this.color = "灰色";
 this.habitat = "籠子";
 this.weight = "500克";
}

//使用原型鏈的方式，來(lái)定義鳥(niǎo)的行，也可以用來(lái)定義屬性，但是，屬性一般用this關(guān)鍵字來(lái)聲明
//行為和屬性，其實(shí)同一個(gè)級(jí)別的，后面我們用for in來(lái)給大家驗(yàn)證

//鳴叫
Bird.prototype.Sing = function(){
 console.log("咕咕咕");
}
//進(jìn)食
Bird.prototype.Eat = function(){
 console.log("吃了一粒玉米");
}
//飛翔
Bird.prototype.Fly = function(){
 console.log("在天空中飛翔著");
}
//孵蛋
Bird.prototype.Brood = function(){
 cossole.log("正在孵化鴿子蛋");
}

現(xiàn)在我們類已經(jīng)聲明好了，但是我們，怎么使用它呢？現(xiàn)在它只是一個(gè)類，還不是實(shí)例，就是我口頭上所說(shuō)的鴿子，實(shí)例，就是一只具體的鴿子，怎么才能得到一只具體的鴿子呢？看下面的代碼

//用new 關(guān)鍵字來(lái)獲得一個(gè)實(shí)例
var gezi = new Bird();

現(xiàn)在我們就可以調(diào)用它的屬性，以及方法了

通過(guò)這樣的方法我們所得到的每一個(gè)鴿子其實(shí)都是一樣的，我們要怎么才得到有自己特征的鴿子呢？有自己獨(dú)有特征，其實(shí)就是屬性不一樣，那們我們就來(lái)改造一下函數(shù)的聲明

//其實(shí)我們只需要在這里小小地修改一下
function Bird(_color,_habitat,_weight){
 this.name = "鴿子";
 this.color = _color;
 this.habitat = _habitat;
 this.weight = _weight;
}

然后我們來(lái)看一下實(shí)例化一個(gè)鴿子的時(shí)候，怎么做

//我們現(xiàn)在就實(shí)例化了兩個(gè)鴿子
var gezi_A = new Bird("白色","野外","300克");
var gezi_B = new Bird("灰白色","溫室","550克");

這樣，我們就可以構(gòu)造出有自己特征的鴿子出來(lái)了，從上面的例子，我們其實(shí)已經(jīng)不難看出，封裝，其實(shí)就是把我們可以形容的對(duì)象用類來(lái)表示，我們就可通過(guò)new關(guān)鍵字來(lái)實(shí)例化出對(duì)象，這個(gè)對(duì)象就有自己獨(dú)立的屬性，行為，這樣的一個(gè)對(duì)象，我們就可以方便的供我們操作，封裝就是一種體現(xiàn)OOP的方法，我們先是封裝一個(gè)類，然后，再new 出實(shí)例，這樣寫(xiě)就比我們直接用代碼來(lái)構(gòu)造兩次鴿子類少了很多的代碼，如果我們還構(gòu)造第3只鴿子，就再new 一次就可以了，構(gòu)造對(duì)象的時(shí)候，就感覺(jué)一句代碼的事。提高代碼的重用率，OOP就這樣體現(xiàn)出來(lái)了。

　　這時(shí)候，有人問(wèn)了，只是在說(shuō)我們用OOP的好處 ，還沒(méi)有看到不用OOP的代碼到底怎么寫(xiě)，那們就來(lái)一個(gè)不用OOP的方式，同樣以鴿子為例

//聲明一個(gè)鴿子
function GeZi_C(){
 console.log("種類是鴿子");
 console.log("顏色是藍(lán)色");
 console.log("住在樹(shù)梢上");
 console.log("體重400克");
 console.log("在天空中飛翔著");
}
//執(zhí)行一次
GeZi_C();

如果我們要再聲明100個(gè)鴿子，是不是要寫(xiě)大量重復(fù)類似上面這樣的代碼呀，這就是面向過(guò)程的代碼。相信新手朋友們已經(jīng)有一個(gè)模糊的OOP概念了吧，慢慢體會(huì)，這種感覺(jué)不一兩天就能弄明白的，一口吃不成大胖子，后面我們還會(huì)繼續(xù)講OOP思想的繼承和多態(tài)。

繼續(xù)先前在聲明Bird類的時(shí)候，說(shuō)的屬性和行為是同一級(jí)別，而且是可以用兩種方式來(lái)聲明，屬性在構(gòu)造函數(shù)里面用 this 關(guān)鍵字聲明，行為函數(shù)用 prototype 關(guān)鍵字來(lái)聲明，prototype就是函數(shù)原型鏈的標(biāo)準(zhǔn)擴(kuò)展，我們之所以這樣來(lái)寫(xiě)，就是把javascript語(yǔ)言的使用代入高級(jí)語(yǔ)言的范疇，用來(lái)模擬高級(jí)語(yǔ)言的使用，扯遠(yuǎn)了，我們先來(lái)驗(yàn)證一下Bird實(shí)例對(duì)象中是不是擁有在同一級(jí)別的屬性跟行為函數(shù)

//我們現(xiàn)在是用的前面的沒(méi)有參數(shù)的Bird類
var obj = new Bird();

//逐一打印出來(lái)
for(var pro in obj){
  console.log(pro + " : " + obj[pro]);
}

看到了吧，for...in就作用就是用來(lái)循環(huán)遍歷對(duì)象的屬性以及數(shù)組的下標(biāo)，行為函數(shù)的名稱其實(shí)也是對(duì)象的屬性，現(xiàn)在就驗(yàn)證了前面的說(shuō)法，相信大家現(xiàn)在對(duì)OOP的封裝思想有一定的認(rèn)知了。

總結(jié)一下，今天我們所講的東西其實(shí)就是把事物給抽象的擬態(tài)一下，然后，把這些屬性行為給封裝成一個(gè)類，使用new關(guān)鍵字實(shí)例化出具體對(duì)象，這樣大大地提高了代碼的使用率，提高了工作效率。