好程序員 分享面向?qū)ο蟾拍畹睦斫庖约?ES3 和 ES6 中類(lèi)的寫(xiě)法 ， 本文將從以下四個(gè)方面進(jìn)行講解：

10年的臺(tái)江網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營(yíng)銷(xiāo)型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶(hù)設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整臺(tái)江建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“臺(tái)江網(wǎng)站設(shè)計(jì)”,“臺(tái)江網(wǎng)站推廣”以來(lái)，每個(gè)客戶(hù)項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

 

　　1 、 面向?qū)ο蟮母拍?/p>

 

　　2 、 類(lèi)和對(duì)象的概念

 

　　3 、 ES6 中類(lèi)的寫(xiě)法

 

　　4 、 ES3 中“類(lèi)”的寫(xiě)法

 

　　以下為詳細(xì)內(nèi)容：

 

　　1 、 面向?qū)ο蟮母拍?/p>

 

　　面向?qū)ο螅?IT 行業(yè)的地球人都知道很重要，很難理解，對(duì)于很多做過(guò)好幾年開(kāi)發(fā)的人不見(jiàn)得對(duì)面向?qū)ο笸耆斫狻Ｃ嫦驅(qū)ο缶幊淌且环N編程思想，是基本沿用人類(lèi)習(xí)慣性思維的一種編程思想。 ps ：我給學(xué)生講課時(shí)，經(jīng)常問(wèn)學(xué)生“編程為了什么”，學(xué)生說(shuō)掙錢(qián)，為了更好的生活，我讓學(xué)生提高一下高度，最后就提升到了“為人民 ( 類(lèi) ) 服務(wù)”了 ( 哈哈 ) ，此話(huà)不假。因?yàn)椋幊叹褪且鲂畔⒒氖虑椋畔⒒褪切畔⒒麄€(gè)社會(huì)，即把人類(lèi)社會(huì)的各行各業(yè)都進(jìn)行信息化，也就是為人類(lèi)服務(wù)了。那么，既然要為人類(lèi)服務(wù)，解決人類(lèi)社會(huì)的問(wèn)題，那么，是不是該用人類(lèi)的思維才對(duì)呀。

 

　　我來(lái)分享一下我對(duì)面向?qū)ο蟮睦斫狻?/p>

 

　　比如，我們要?jiǎng)?chuàng)辦一個(gè)公司 ( 資金已經(jīng)到位 ) 。會(huì)按照以下步驟：

 

　　首先，我們需要考慮的是，創(chuàng)辦公司需要哪些角色，如：總經(jīng)理，市場(chǎng)人員，技術(shù)，售后，財(cái)務(wù)，行政，進(jìn)一步細(xì)化，總經(jīng)理的要求有：性別，年齡，經(jīng)驗(yàn)，總經(jīng)理要負(fù)責(zé)公司的正常經(jīng)營(yíng)和利潤(rùn)的保證等等。市場(chǎng)人員的要求：性別，年齡，經(jīng)驗(yàn)，市場(chǎng)人員要負(fù)責(zé)公司市場(chǎng)的拓展和業(yè)務(wù)的保證等等。技術(shù)人員的要求：性別，年齡，經(jīng)驗(yàn)，能夠勝任技術(shù)方面的相關(guān)工作，如：要會(huì)用原生的 JS 寫(xiě)插件，技術(shù)人員負(fù)責(zé)完成客戶(hù)的需求等等，這些都是對(duì)公司角色的描述，在面向?qū)ο缶幊趟枷胫校褪穷?lèi)，當(dāng)然 Javascript 是從 ES6 開(kāi)始才提出了類(lèi)的概念，以前的版本沒(méi)有類(lèi)的概念，只有對(duì)象之說(shuō)。

 

　　其次，我們會(huì)想到，工作該如何開(kāi)展。如：先得有總經(jīng)理，然后讓總經(jīng)理招聘市場(chǎng)人員了解市場(chǎng)，開(kāi)拓市場(chǎng)，再招聘技術(shù)人員開(kāi)發(fā)產(chǎn)品，產(chǎn)品快要成型時(shí)，招聘售后人員了解產(chǎn)品，準(zhǔn)備售后的服務(wù)工作，財(cái)務(wù)人員也得跟上，這里面，也有團(tuán)隊(duì)配合的體現(xiàn)，比如，市場(chǎng)人員沒(méi)法給客戶(hù)講清楚具體的實(shí)現(xiàn)時(shí)，就需要技術(shù)人員配合市場(chǎng)人員給客戶(hù)講解等等。當(dāng)然，每個(gè)公司的具體流程不太一樣，但是，都是同樣的道理。這些就是程序中的業(yè)務(wù)邏輯部分。

 

　　比如，我們要?jiǎng)?chuàng)辦一個(gè)培訓(xùn)學(xué)校，會(huì)按照以下步驟：

 

　　首先，我們需要考慮的是，創(chuàng)辦學(xué)校需要哪些角色，如：校長(zhǎng)，市場(chǎng)人員，咨詢(xún)?nèi)藛T，講師，班主任，就業(yè)老師，財(cái)務(wù)，行政等等。校長(zhǎng)的要求：需要具備什么，能干什么 ; 市場(chǎng)人員的要求：有什么，能干什么 ; 講師的要求：有什么，能干什么 ; 等等，這些都是對(duì)公司角色的描述，在面向?qū)ο缶幊趟枷胫校褪穷?lèi)，而“有什么”就是類(lèi)的屬性 ( 變量 ) ，“能干什么”就是類(lèi)的方法 ( 函數(shù) ) 。

 

　　其次，我們會(huì)想到，工作該如何開(kāi)展，即工作流程。如：讓市場(chǎng)人員先做宣傳，學(xué)生如果想進(jìn)一步了解，就需要咨詢(xún)師進(jìn)行咨詢(xún)，咨詢(xún)完成后，學(xué)生覺(jué)得學(xué)習(xí) JS 確實(shí)不錯(cuò)，就會(huì)報(bào)名進(jìn)班，財(cái)務(wù)處收學(xué)費(fèi)，班主任建立學(xué)生的學(xué)籍，進(jìn)行班級(jí)日常管理 , 講師開(kāi)始授課，解答學(xué)生的問(wèn)題，學(xué)習(xí)完成后，就業(yè)老師把學(xué)生推薦給企業(yè)，這里也能體現(xiàn)團(tuán)隊(duì)配合，如：學(xué)生咨詢(xún)過(guò)程中，問(wèn)到了比較深的技術(shù)問(wèn)題，咨詢(xún)師解答不了，就需要找講師配合等等。在面向?qū)ο缶幊趟枷胫羞@就是大的業(yè)務(wù)邏輯，即程序邏輯。

 

　　再比如，我們要完成講課這件事情，首先需要考慮，必須有桌椅板凳，電腦，投影儀，講師，學(xué)生等等，其次考慮，先買(mǎi)桌椅板凳，電腦，投影儀，學(xué)生進(jìn)教室，講師進(jìn)教室開(kāi)始講課。

 

　　在面向?qū)ο缶幊趟枷氤鰜?lái)之前，我們更多用的是面向過(guò)程的編程思想。

 

　　面向過(guò)程的編程思想和面向?qū)ο蟮木幊趟枷胗泻螀^(qū)別。面向過(guò)程首先著重考慮的是程序邏輯，其次考慮的是數(shù)據(jù)。而面向?qū)ο笫紫戎乜紤]的是數(shù)據(jù) ( 類(lèi)和對(duì)象 ) ，其次考慮的是邏輯 ( 即業(yè)務(wù)邏輯 ) 。

 

　　單干與團(tuán)隊(duì)協(xié)作：面向過(guò)程程序的執(zhí)行過(guò)程，更像是單干 ; 面向?qū)ο蟪绦虻膱?zhí)行過(guò)程，更像是現(xiàn)實(shí)生活中的團(tuán)隊(duì)協(xié)作。所以，我們?cè)诿枋雒嫦蜻^(guò)程程序的邏輯時(shí)，沒(méi)有主語(yǔ) ( 語(yǔ)文的解釋 ) ，如：先干啥，再干啥，然后干啥，最后干啥。而描述面向?qū)ο蟮倪壿嫊r(shí)，有主語(yǔ)，如：誰(shuí)先干啥，誰(shuí)再干啥，然后誰(shuí)干啥，最后誰(shuí)干啥。

 

　　面向?qū)ο笏枷氲暮诵木褪且磺薪詫?duì)象，完成任何功能，面對(duì)的最小單位都是對(duì)象，而不是基本數(shù)據(jù)類(lèi)型 ( 如：數(shù)字，布爾等等 ) 。

 

　　2 、 類(lèi)和對(duì)象

 

　　類(lèi)和對(duì)象：在面向?qū)ο缶幊陶Z(yǔ)言中，經(jīng)常會(huì)聽(tīng)到類(lèi)和對(duì)象。類(lèi)就是分類(lèi)，就是類(lèi)型，就是數(shù)據(jù)類(lèi)型 ; 對(duì)象就是類(lèi)的舉例，類(lèi)的實(shí)例，就是變量或者常量。如：數(shù)字是數(shù)據(jù)類(lèi)型，而 250 就是數(shù)字類(lèi)型的一個(gè)例子 ; 人是數(shù)據(jù)類(lèi)型 ( 類(lèi) ) ，唐僧就是人的一個(gè)例子 ( 對(duì)象 ) 。

 

　　對(duì)象就是復(fù)雜的數(shù)據(jù)，如：人沒(méi)法用數(shù)字，布爾等基本類(lèi)型描述，人是一個(gè)復(fù)雜的事物，由很多數(shù)據(jù)構(gòu)成。一個(gè)人有身份證號(hào)碼，姓名，性別，年齡，把這一切組合 ( 封裝 ) 起來(lái)才是個(gè)人，人由若干個(gè)基本類(lèi)型的數(shù)據(jù)組成。但這遠(yuǎn)遠(yuǎn)還不夠，因?yàn)樗廊艘簿邆溥@些屬性 ( 開(kāi)個(gè)玩笑，為藝術(shù)獻(xiàn)身一下 ) ，人能吃飯，能工作，此時(shí)，這個(gè)人才活靈活現(xiàn)了，所以，對(duì)象里面包括數(shù)據(jù)和函數(shù) ; 數(shù)據(jù)又叫屬性，成員變量，函數(shù)又叫方法。在面向?qū)ο蟮氖澜缋铮?xí)慣上會(huì)叫屬性和方法，簡(jiǎn)單理解：對(duì)象 = 變量 + 函數(shù)。

 

　　綜上所述，面向?qū)ο笫且环N編程思想，而對(duì)象是復(fù)雜的數(shù)據(jù)類(lèi)型，所以，面向?qū)ο缶褪牵鎸?duì)的都是復(fù)雜的數(shù)據(jù)類(lèi)型，而不是單一的整型，布爾等基本類(lèi)型，對(duì)象是由若干個(gè)基本類(lèi)型的數(shù)據(jù)構(gòu)成，甚至對(duì)象里還有子對(duì)象，當(dāng)然還有方法。

 

　　注：以上所述的類(lèi)和對(duì)象是 ES6 中的名詞

 

　　3 、 ES6 中類(lèi)和對(duì)象的代碼

 

　　1) 、定義一個(gè)程序員類(lèi)：

 

　　class Programmer{

 

　　// 構(gòu)造函數(shù)

 

　　constructor(name,sex,age){

 

　　// 屬性

 

　　this.name = name;

 

　　this.sex = sex;

 

　　this.age = age;

 

　　}

 

　　// 方法

 

　　writeCode(str){

 

　　alert(this.name+ ”在認(rèn)真地寫(xiě)著” +str);

 

　　}

 

　　}

 

　　2) 、實(shí)例化一個(gè)程序員對(duì)象：

 

　　Let p1 = new Programmer( “寶寶” , “男” ,25);// 這句話(huà)會(huì)調(diào)用 constructor () 函數(shù)

 

　　p1.writeCode( “貪吃蛇” );

 

　　以上代碼，和傳統(tǒng)面向?qū)ο缶幊陶Z(yǔ)言的寫(xiě)法比較接近。對(duì)程序員來(lái)說(shuō)，是福音。 Javascript 的代碼格式越來(lái)越接近傳統(tǒng)面向?qū)ο缶幊陶Z(yǔ)言的寫(xiě)法。

 

　　4 、 ES3 中“類(lèi)”的寫(xiě)法

 

　　1) 、區(qū)分一個(gè) ES3 和 ES6 的名詞：

 

　　ES3 中沒(méi)有類(lèi)的叫法。

 

　　ES3 中的對(duì)象就是 ES6 中的類(lèi)。

 

　　ES3 中的實(shí)例就是 ES6 中的對(duì)象。

 

　　2) 、 ES3 中的的代碼

 

　　用構(gòu)造函數(shù)的方式定義一個(gè)程序員對(duì)象 (ES6 中叫類(lèi) ) ：

 

　　function Programmer (name,sex,age){

 

　　// 屬性

 

　　this.name = name;

 

　　this.sex = sex;

 

　　this.age = age;

 

　　}

 

　　// 方法

 

　　Programmer .prototype.writeCode(str){

 

　　alert(this.name+ ”在認(rèn)真地寫(xiě)著” +str);

 

　　}

 

　　l 實(shí)例化一個(gè)程序員實(shí)例 (ES6 中叫對(duì)象 ) ：

 

　　Let p1 = new Programmer( “寶寶” , “男” ,25);// 這句話(huà)會(huì)調(diào)用 constructor () 函數(shù)

 

　　p1.writeCode( “貪吃蛇” );

 

　　對(duì)比 ES6 和 ES3 的寫(xiě)法，你會(huì)發(fā)現(xiàn)，實(shí)例化對(duì)象的代碼一模一樣，僅僅只是定義類(lèi)的寫(xiě)法不同。其實(shí)， ES6 中 class 的寫(xiě)法只是個(gè)語(yǔ)法糖，相當(dāng)于給 ES3 的寫(xiě)法上增加了給一個(gè)外包裝。 ES6 中 class 寫(xiě)法的背后還是 ES3 的寫(xiě)法。只是程序員寫(xiě) ES6 的代碼時(shí)，更加接近傳統(tǒng)面向?qū)ο缶幊陶Z(yǔ)言 ( 如： java ， C++ 等 ) 。這樣對(duì)于程序員來(lái)說(shuō)，再去學(xué)習(xí)新的語(yǔ)言要容易得多 ; 另外， ES6 的 class 寫(xiě)法更加方便閱讀。

 

　　注：此篇文章的重點(diǎn)是理解面向?qū)ο缶幊趟枷搿?/p>

網(wǎng)頁(yè)標(biāo)題：好程序員分享面向?qū)ο蟾拍畹睦斫庖约癊S3和ES6中類(lèi)的寫(xiě)法
文章鏈接：http://chinadenli.net/article46/gosehg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站策劃、網(wǎng)站營(yíng)銷(xiāo)、靜態(tài)網(wǎng)站、做網(wǎng)站、小程序開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)