浏览 2905 次
|
锁定老帖子 主题：JS定义类和对象
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2008-10-10
没有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> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
