JavaScript 常見對象類創(chuàng)建代碼與優(yōu)缺點分析
更新時間：2009年12月07日 19:36:47 作者：
這幾種javascript類定義方式中,最常用的是雜合prototype/constructor 和 動態(tài)prototype方式。
在Javascript中構(gòu)建一個類有好幾種方法:
1.Factory 方式
function createCar(){
var car = new Object();
car.color=”b”;
car.length=1;
car.run=function(){alert(”run”);}
return car;
}
定義這么一個函數(shù)之后,就可以用:
var car1 = createCar();
var car2 = createCar();
來創(chuàng)建新的對象，這種方式的問題是每一次創(chuàng)建一個car對象,run Function也都必須重新創(chuàng)建一次.浪費內(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”);
}
這個方式的缺點是,當這個類有一個引用屬性時,改變一個對象的這個屬性也會改變其他對象得屬性
比如:
Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();
car1.data1.push(”a”);
此時,car2.data也就包含了”a”元素
4.Prototype/Constructor雜合方式 [常用]
function Car(){
this.color=”b”;
this.length=1;
this.data1=new Array();
}
Car.prototype.run=function(){
alert(”dddd”);
}
這種方式去除了那些缺點.是目前比較大范圍使用的方式
5.動態(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 和 動態(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;
}
定義這么一個函數(shù)之后,就可以用:
var car1 = createCar();
var car2 = createCar();
來創(chuàng)建新的對象，這種方式的問題是每一次創(chuàng)建一個car對象,run Function也都必須重新創(chuàng)建一次.浪費內(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”);
}
這個方式的缺點是,當這個類有一個引用屬性時,改變一個對象的這個屬性也會改變其他對象得屬性
比如:
復(fù)制代碼 代碼如下:
Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();
car1.data1.push(”a”);
此時,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”);
}
這種方式去除了那些缺點.是目前比較大范圍使用的方式
5.動態(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 和 動態(tài)prototype方式
您可能感興趣的文章:
- JS創(chuàng)建類和對象的兩種不同方式
- 跟我學習javascript創(chuàng)建對象(類)的8種方法
- JavaScript 創(chuàng)建對象和構(gòu)造類實現(xiàn)代碼
- JS OOP包機制,類創(chuàng)建的方法定義
- JavaScript創(chuàng)建類/對象的幾種方式概述及實例
- 創(chuàng)建js對象和js類的方法匯總
- Javascript創(chuàng)建類和對象詳解
- JavaScript構(gòu)造函數(shù)詳解
- JS面向?qū)ο蠡A(chǔ)講解(工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動態(tài)原型模式)
- JS中的構(gòu)造函數(shù)詳細解析
- 深入理解javascript構(gòu)造函數(shù)和原型對象
- JavaScript 面向?qū)ο蟪绦蛟O(shè)計詳解【類的創(chuàng)建、實例對象、構(gòu)造函數(shù)、原型等】
相關(guān)文章
JavaScript 繼承機制的實現(xiàn)(待續(xù))
JavaScript繼承機制的實現(xiàn)，后期會有一些補充。2010-05-05
上回說到了類的定義，prototype通過一個全局對象Class從形式上將函數(shù)和類區(qū)別開來。2010-05-05
面向?qū)ο蟮腏avascript之一(初識Javascript)
Javascript是一門極富表現(xiàn)力的語言，在當今大行其道的Web浪潮中扮演著非常關(guān)鍵的作用。合理、高效地利用這門技術(shù)，可以讓我們的Web世界多姿多彩。首先，我們認識一下這門技術(shù)的幾個獨特的特性2012-01-01
我覺得，Object（對象）最難。因為Javascript的Object模型很獨特，和其他語言都不一樣，初學者不容易掌握。2011-08-08
在第一章中，我們使用構(gòu)造函數(shù)和原型的方式在JavaScript的世界中實現(xiàn)了類和繼承， 但是存在很多問題。這一章我們將會逐一分析這些問題，并給出解決方案。2009-07-07
javascript面向?qū)ο蟮姆绞綄崿F(xiàn)的彈出層效果代碼
由于本人以前是.net程序員，所以即使現(xiàn)在在做前端，也習慣于用面向?qū)ο蟮姆绞骄帉慾s腳本，我想如果你以前也是或者現(xiàn)在還是名第三代程序員的話，應(yīng)該對此并不陌生。2010-01-01
JavaScript isPrototypeOf和hasOwnProperty使用區(qū)別
JavaScript isPrototypeOf和hasOwnProperty的使用技巧，需要的朋友的朋友可以參考下。2010-03-03
Javascript面向?qū)ο缶幊蹋ǘ?構(gòu)造函數(shù)的繼承
這個系列的第一部分，主要介紹了如何"封裝"數(shù)據(jù)和方法，以及如何從原型對象生成實例。2011-08-08
Javascript面向?qū)ο缶幊蹋ㄈ?非構(gòu)造函數(shù)的繼承
這個系列的第一部分介紹了"封裝"，第二部分介紹了使用構(gòu)造函數(shù)實現(xiàn)"繼承"。2011-08-08
JS類定義原型方法的兩種實現(xiàn)的區(qū)別評論很多
JS類定義原型方法的兩種實現(xiàn)的區(qū)別評論很多...2007-09-09