JS定义类和对象

xxrrss

浏览: 43279 次
性别:
来自: 上海

最近访客更多访客>>

zx20110729

heheda520

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript+AJAX

prototype JavaScript

没有JS基础！边做边学！看过较多JS代码，如今正在看《JavaScript高级程序设计》，很多以前困扰我的问题得到解答！现把JS定义对象的方式贴如下，给自己加深印象：

<html>
<body>
<script language="javascript">
//代码一
var oCar=new Object;
oCar.color="red";
oCar.doors=4;
oCar.mpg=23;

oCar.showColor=function(){
alert(this.color);
};

//代码二function factory
function createCar(){
var oCar=new Object;
oCar.color="green";
oCar.doors=4;
oCar.mpg=23;

oCar.showColor=function(){
alert(this.color);
}
return oCar;
}

var oCar1=createCar();
var oCar2=createCar();

//代码三,所有对象都共享一个方法，每个创建新对象，都要创建新函数，而事实是对象共享一个方法
function createCar(sColor,iDoors,iMpg){
var oTempCar=new Object;
oTempCar.color=sColor;
oTempCar.idoors=iDoors;
oTempCar.impg=iMpg;

oTempCar.showColor=function(){
alert(this.color);
}

return oTempCar;
}

var oCar1=createCar("red",2,3);
var oCar2=createCar("green",3,5);

//代码四：

function showColor(){
alert(this.color)
}

function createCar(sColor,iDoors,iMpg){
var oTempCar=new Object;
oTempCar.color=sColor;
oTempCar.idoors=iDoors;
oTempCar.impg=iMpg;
oTempCar.showColor=showColor;

return oTempCar;
}

var oCar1=createCar("red",2,3);
var oCar2=createCar("green",3,5);

//代码五，使用混合的构造函数/原型方式来构造对象
function Car(sColor,iDoors,iMpg,){
this.color=sColor;
this.idoors=iDoors;
this.impg=iMpg;
this.drivers=new Array("Mike","Sussen");
}

Car.prototype.showColor=function(){
alert(this.color);
}

var oCar1=new Car("red",1,25);
var oCar2=new Car("green",2,23);

//代码六：动态原型方法
function Car(sColor,iDoors,iMpg,){
this.color=sColor;
this.idoors=iDoors;
this.impg=iMpg;
this.drivers=new Array("Mike","Sussen");

if(typeof Car._initialized=="undefined"){
Car.prototype.showColor(){
alert(this.color);
}

Car._initialized=true;
}
}

</script>
<body>
</html>

分享到：