JavaScript 常見(jiàn)對(duì)象類創(chuàng)建代碼與優(yōu)缺點(diǎn)分析
更新時(shí)間:2009年12月07日 19:36:47 作者:
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動(dòng)態(tài)prototype方式。
在Javascript中構(gòu)建一個(gè)類有好幾種方法:
1.Factory 方式
function createCar(){
var car = new Object();
car.color=”b”;
car.length=1;
car.run=function(){alert(”run”);}
return car;
}
定義這么一個(gè)函數(shù)之后,就可以用:
var car1 = createCar();
var car2 = createCar();
來(lái)創(chuàng)建新的對(duì)象,這種方式的問(wèn)題是每一次創(chuàng)建一個(gè)car對(duì)象,run Function也都必須重新創(chuàng)建一次.浪費(fèi)內(nèi)存
2.Constructor方式
function Car(){
this.color=”b”;
this.length=1;
this.run=function(){alert(”run”);}
}
var car1=new Car();
var car2=new Car();
這是最基本的方式,但是也存在和factory方式一樣的毛病
3.prototype方式
function Car(){
}
Car.prototype.color=”b”;
Car.prototype.length=1;
Car.prototype.run=function(){alert(”run”);
}
這個(gè)方式的缺點(diǎn)是,當(dāng)這個(gè)類有一個(gè)引用屬性時(shí),改變一個(gè)對(duì)象的這個(gè)屬性也會(huì)改變其他對(duì)象得屬性
比如:
Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();
car1.data1.push(”a”);
此時(shí),car2.data也就包含了”a”元素
4.Prototype/Constructor雜合方式 [常用]
function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
}
Car.prototype.run=function(){
alert(”dddd”);
}
這種方式去除了那些缺點(diǎn).是目前比較大范圍使用的方式
5.動(dòng)態(tài)prototype方式 [常用]
function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
if(typeof Car.initilize==”undefined”){
Car.prototype.run=function(){alert(”a”);}
}
Car.initilize=true;
}
這幾種方式中,最常用的是雜合prototype/constructor 和 動(dòng)態(tài)prototype方式
1.Factory 方式
復(fù)制代碼 代碼如下:
function createCar(){
var car = new Object();
car.color=”b”;
car.length=1;
car.run=function(){alert(”run”);}
return car;
}
定義這么一個(gè)函數(shù)之后,就可以用:
var car1 = createCar();
var car2 = createCar();
來(lái)創(chuàng)建新的對(duì)象,這種方式的問(wèn)題是每一次創(chuàng)建一個(gè)car對(duì)象,run Function也都必須重新創(chuàng)建一次.浪費(fèi)內(nèi)存
2.Constructor方式
復(fù)制代碼 代碼如下:
function Car(){
this.color=”b”;
this.length=1;
this.run=function(){alert(”run”);}
}
var car1=new Car();
var car2=new Car();
這是最基本的方式,但是也存在和factory方式一樣的毛病
3.prototype方式
復(fù)制代碼 代碼如下:
function Car(){
}
Car.prototype.color=”b”;
Car.prototype.length=1;
Car.prototype.run=function(){alert(”run”);
}
這個(gè)方式的缺點(diǎn)是,當(dāng)這個(gè)類有一個(gè)引用屬性時(shí),改變一個(gè)對(duì)象的這個(gè)屬性也會(huì)改變其他對(duì)象得屬性
比如:
復(fù)制代碼 代碼如下:
Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();
car1.data1.push(”a”);
此時(shí),car2.data也就包含了”a”元素
4.Prototype/Constructor雜合方式 [常用]
復(fù)制代碼 代碼如下:
function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
}
Car.prototype.run=function(){
alert(”dddd”);
}
這種方式去除了那些缺點(diǎn).是目前比較大范圍使用的方式
5.動(dòng)態(tài)prototype方式 [常用]
復(fù)制代碼 代碼如下:
function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
if(typeof Car.initilize==”undefined”){
Car.prototype.run=function(){alert(”a”);}
}
Car.initilize=true;
}
這幾種方式中,最常用的是雜合prototype/constructor 和 動(dòng)態(tài)prototype方式
您可能感興趣的文章:
- JS創(chuàng)建類和對(duì)象的兩種不同方式
- 跟我學(xué)習(xí)javascript創(chuàng)建對(duì)象(類)的8種方法
- JavaScript 創(chuàng)建對(duì)象和構(gòu)造類實(shí)現(xiàn)代碼
- JS OOP包機(jī)制,類創(chuàng)建的方法定義
- JavaScript創(chuàng)建類/對(duì)象的幾種方式概述及實(shí)例
- 創(chuàng)建js對(duì)象和js類的方法匯總
- Javascript創(chuàng)建類和對(duì)象詳解
- JavaScript構(gòu)造函數(shù)詳解
- JS面向?qū)ο蠡A(chǔ)講解(工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動(dòng)態(tài)原型模式)
- JS中的構(gòu)造函數(shù)詳細(xì)解析
- 深入理解javascript構(gòu)造函數(shù)和原型對(duì)象
- JavaScript 面向?qū)ο蟪绦蛟O(shè)計(jì)詳解【類的創(chuàng)建、實(shí)例對(duì)象、構(gòu)造函數(shù)、原型等】
相關(guān)文章
JavaScript 類的定義和引用 JavaScript高級(jí)培訓(xùn) 自定義對(duì)象
在Java語(yǔ)言中,我們可以定義自己的類,并根據(jù)這些類創(chuàng)建對(duì)象來(lái)使用,在Javascript中,我們也可以定義自己的類,例如定義User類、Hashtable類等等。2010-04-04Javascript 類與靜態(tài)類的實(shí)現(xiàn)
在Javascript里,對(duì)面向?qū)ο蟛](méi)有一個(gè)直接的實(shí)現(xiàn),對(duì)于代碼方面也是非常的靈活。2010-04-04編寫可維護(hù)面向?qū)ο蟮腏avaScript代碼[翻譯]
編寫可維護(hù)面向?qū)ο蟮腏avaScript代碼[翻譯],學(xué)習(xí)js面向?qū)ο缶帉懙呐笥芽梢詤⒖枷隆?/div> 2011-02-02最新評(píng)論