現(xiàn)總結(jié)一下Javascript創(chuàng)建類和對象的幾種方法:
成都創(chuàng)新互聯(lián)公司專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、大武口網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5開發(fā)、商城建設、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站建設、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務,價格優(yōu)惠性價比高,為大武口等各大城市提供網(wǎng)站開發(fā)制作服務。
1、原始的創(chuàng)建方法:
<script type="text/javascript"> var person = new Object(); person.name="Amy"; person.sex="Woman"; person.show=function(){ document.write("name is: "+this.name+" ; sex is:"+this.sex); } person.show(); </script>
原始的創(chuàng)建方法對于熟悉面向?qū)ο蟮娜藖碚f難以接受,總感覺屬性和方法的封裝不是很緊密,這種封裝是以“對象名”+“.”的方式進行,表示對象名后跟的屬性和方法是這個對象擁有的東西,這個對象(例如:person)就是封裝好的結(jié)果,你可以繼續(xù)追加方法和屬性,例如追加age屬性:person.age=23;這種創(chuàng)建方法會讓熟悉Java編程的人感到很難受。我們可以對原始的創(chuàng)建方法進一步“封裝”一下,請看下一步:
2、工廠方法模式:
<script type="text/javascript"> function personFactory(name,age,sex){ var ob=new Object(); ob.name=name; ob.age=age; ob.sex=sex; ob.show=function(){ document.write(ob.name+" "+ob.age+" "+ob.sex); } return ob; } var person=personFactory("Amy",21,"Woman"); person.show(); </script>
工廠方法模式看起來更像一個類了,personFactory對原始的創(chuàng)建方法進行了封裝,并將創(chuàng)建好的對象返回給person引用變量,person就可以引用這個創(chuàng)建好的對象了,但是還不夠完美:你每一次創(chuàng)建一個對象, 并使用該對象調(diào)用show()方法時,都會創(chuàng)建新的show()函數(shù),它們完全可以調(diào)用同一個show方法,優(yōu)化方法是將show放到工廠外,如下:
<script type="text/javascript"> function show(){ document.write(this.name+" "+this.age+" "+this.sex); } function personFactory(name,age,sex){ var ob=new Object(); ob.name=name; ob.age=age; ob.sex=sex; ob.show=show; return ob; } var person=personFactory("Amy",22,"Woman"); person.show(); </script>
從功能上說,上面的代碼解決了函數(shù)重用問題,但是呈現(xiàn)方式不像是創(chuàng)建一個對象,熟悉Java的人仍感到難受。請看下一步:
3、構(gòu)造方法模式:
<script type="text/javascript"> function person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; this.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("<br>"); } } var per=new person("Amy",22,"Woman"); per.show(); </script>
上述代碼的創(chuàng)建方式已經(jīng)與Java類和對象的創(chuàng)建方式幾乎一樣了,封裝好類的屬性和方法,然后利用new關鍵字創(chuàng)建并返回一個對象,這不就是Java創(chuàng)建類和對象的過程嗎,是的,就是這個過程,但是還可以優(yōu)化,這種方式創(chuàng)建的對象調(diào)用show方法是也會即時地創(chuàng)建一個show函數(shù),我們能不能創(chuàng)建一個所有對象公用的一個方法呢?就像Java類中的static方法一樣,所有對象都使用同一個static方法,答案是可以的。請看下一步:
4、動態(tài)原型方法:
<script type="text/javascript"> function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; if(typeof Person.tag == "undefined"){ Person.prototype.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("<br>"); } Person.tag=true; } } var per=new Person("Peter",22,"Man"); per.show(); </script>
這里使用了一點技巧,當用new創(chuàng)建對象是,會執(zhí)行Person功能塊中的if判斷語句,順序從上往下,剛開始tag變量當然沒有定義,所以執(zhí)行if語句塊里的內(nèi)容:
Person.prototype.show=function(){ document.write(this.name+" "+this.age+" "+this.sex); document.write("<br>"); }
這段內(nèi)容的含義是創(chuàng)建一個屬于類Person的show方法,注意,它是一個類方法,相當于Java中static修飾后的方法,而非單個對象的方法,這樣所有的對象均可調(diào)用同一個方法了,這樣也不用每次不同對象調(diào)用方法是都創(chuàng)建自己的show函數(shù)了,既節(jié)省空間又節(jié)省時間,這種方法豈不更妙。這里解釋一下,以“類名.prototype.屬性/方法”方式構(gòu)造的屬性和方法相當于Java中用static修飾的變量或方法,是屬于整個類的,而非單個的對象,也即所有對象是共享的。
以上是學習JS類和對象的總結(jié),其中個人理解錯誤之處還望大家批評指正。
文章標題:Javascript創(chuàng)建類和對象詳解
鏈接地址:http://bm7419.com/article18/gipcdp.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供建站公司、品牌網(wǎng)站制作、網(wǎng)站建設、動態(tài)網(wǎng)站、網(wǎng)站營銷、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)