JS中定義類的方法

JS中定義類的方式有很多種:1、工廠方式functionCar(){varocar=newObject;ocar.color="blue”;ocar.doors=4;ocar.showColor=function(){document.write(this.color)returnocar;}varcar1=Car();varcar2=Car();調(diào)用此函數(shù)時(shí)將創(chuàng)建新對象，并賦予它所有的屬性和方法。使用此函數(shù)可以創(chuàng)建2個(gè)屬性完全相同的對象。當(dāng)然我妹可以通過給它傳遞參數(shù)來改版這種方式。functionCar(color,door){varocar=newObject;ocar.color=color;ocar.doors=door;ocar.showColor=function(){document.write(this.color)}；returnocar;}varcar1=Car("red",4);varcar2=Car("blue",4);car1.showColor()//output:"red”car2.showColor()//output:"blue”現(xiàn)在可以通過給函數(shù)傳遞不同的參數(shù)來得到具有不同值的對象。在前面的例子中，每次調(diào)用函數(shù)Car(),都要?jiǎng)?chuàng)建showcolor()，意味著每個(gè)對象都有一個(gè)自己的showcolor()方法。但是事實(shí)上，每個(gè)對象斗共享了同一個(gè)函數(shù)。雖然可以在函數(shù)外定義方法，然后通過將函數(shù)的屬性指向該方法。functionshowColor(){alert(this.color);}functionCar(){varocar=newObject();ocar.color=color;ocar.doors=door;ocar.showColor=showColor;returnocar;但是這樣看起來不像是函數(shù)的方法。2、構(gòu)造函數(shù)方式構(gòu)造函數(shù)方式同工廠方式一樣簡單，如下所示：日functionCar(color,door){|this.color=color;||this.doors=door;申this.showColor=function(){|alert(this.color)};varcar1=newCar("red",4);varcar2=newCar("blue",4);可以看到構(gòu)造函數(shù)方式在函數(shù)內(nèi)部沒有創(chuàng)建對象，是用this關(guān)鍵字。因?yàn)樵谡{(diào)用構(gòu)造函數(shù)時(shí)已經(jīng)創(chuàng)建了對象，而在函數(shù)內(nèi)部只能用this來訪問對象屬性。現(xiàn)在用new來創(chuàng)建對象，看起來像那么回事了！但是它同工廠方式一樣。每次調(diào)用都會(huì)為對象創(chuàng)建自己的方法。3、原型方式該方式利用了對象的prototype屬性。首先用空函數(shù)創(chuàng)建類名，然后所有的屬性和方法都被賦予prototype屬性。Ctotype.color="red”;Ctotype.doors=4;日Ctotype.showColor= function(){a?—varcar1=newCar();varcar2=newCar();在這段代碼中，首先定義了一個(gè)空函數(shù)，然后通過 prototype屬性來定義對象的屬性。調(diào)用該函數(shù)時(shí)，原型的所有屬性都會(huì)立即賦予要?jiǎng)?chuàng)建的對象，所有該函數(shù)的對象存放的都是指向showColor()的指針，語法上看起來都屬于同一個(gè)對象。但是這個(gè)函數(shù)沒有參數(shù)，不能通過傳遞參數(shù)來初始化屬性，必須要在對象創(chuàng)建后才能改變屬性的默認(rèn)值。原型方式有個(gè)很嚴(yán)重的問題就是當(dāng)屬性指向的是對象時(shí)，如數(shù)組。functionCar(){}Ctotype.color="red”;Ctotype.doors=4;Ctotype.arr=newArray("a”,”b”);Ctotype.showColor=function(){alert(this.color);}varcar1=newCar();varcar2=newCar();car1.arr.push("cc");alert(car1.arr);//output:aa,bb,ccalert(car2.arr);//output:aa,bb,cc這里由于數(shù)組的引用值，Car的兩個(gè)對象指向的都是同一個(gè)數(shù)組，所以當(dāng)在car1添加值后，在car2中也可以看到。聯(lián)合是用構(gòu)造函數(shù)/原型方式就可以像其他程序設(shè)計(jì)語言一樣創(chuàng)建對象，是用構(gòu)造函數(shù)定義對象的非函數(shù)屬性，用原型方式定義對象的方法。functionCar(color,door){this.color=color;this.doors=door;this.arr=newArray("aa”,"bb”);}Ctotype.showColor(){alert(this.color);}varcar1=newCar("red",4);varcar2=newCar("blue",4);car1.arr.push("cc");alert(carl.arr);//output:aa,bb,ccalert(car2.arr);//output:aa,bb5、動(dòng)態(tài)原型方式動(dòng)態(tài)原型的方式同混合的構(gòu)造函數(shù)/原型方式原理相似。唯一的區(qū)別就是賦予對象方法的位置。functionCar(color,door){this.color=color;this.doors=door;this.arr=newArray("aa”,"bb”);if(typeofCar._initialized=="undefined"){Ctotype.showColor=function(){alert(this.color);};Car._initialized=true;}}動(dòng)態(tài)原型方式是使用一個(gè)標(biāo)志來判斷是否已經(jīng)給原型賦予了方法。這樣可以保證該方法只創(chuàng)建一次6、混合工廠方式它的目的師創(chuàng)建假構(gòu)造函數(shù)，只返回另一種對象的新實(shí)例。functionCar(){varocar=newObject();ocar.color="red”;ocar.doors=4;ocar.showColor=fu