JavaScript学习之一:采用哪种方式定义类或对象?
来源:互联网 发布:企业软件定制开发合同 编辑:程序博客网 时间:2024/06/13 12:53
JavaScript中定义类或对象有多种方法:
以创建Car为实例说明。
var oCar = new Object;
oCar.color ="red";
oCar.doors = 4;
oCar.mpg=23;
oCar.showColor = function()
{
alert(this.color);
}
- 工厂方式构造,例如:
function createCar(sColor,iDoors,iMpg)
{
var oTempCar = new Object;
oTempCar.color = sColor;
oTempCar.doors=iDoors;
oTempCar.mpg=iMpg;
oTempCar.showColor = function()
{
al(this.color)
}
return oTempCar;
}
弊端:每个对象都有自己的一个showColor函数。
构造函数方式:
function Car(sColor,iDoors,iMpg)
{
this.color= sColor;
this.doors = i;
this.mpg = iMpg;
this.showColor = function()
{
alert(this.color)
};
}
弊端:构造函数重复生成函数,可以用外部函数重写构造函数(不太懂);
- 原型方式:该方式利用了prototype属性。
function Car()
{
}
Car.prototype.color = "red";
Car.prototype.doors =4;
Car.prototype.mpg = 23;
Car.prototype.drivers = new Array("Mike","Sue");
Car.prototype.showColor = function()
{
alert(this.color);
}
弊端:给一个实例添加drivers,另一个实例也添加了。
- 混合的构造函数、原型方式
function Car()
{
}
Car.prototype.color = "red";
Car.prototype.doors =4;
Car.prototype.mpg = 23;
Car.prototype.drivers = new Array("Mike","Sue");
Car.prototype.showColor = function()
{
alert(this.color);
}
解决了两种弊端。
- 动态原型构造
function Car(sColor,iDoors,iMpg)
{
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.drivers = new Array("Mike","Sue");
if(typeof Car._initialized == "undefined")
{
Car.prototype.showColor = function()
{
alert(this.color)
}
car._initialized = true;
}
}
- 混合工厂方式。
function Car()
{
var oTempCar = new Object;
oTempCar.color="red";
oTempCar.doors = 4;
oTempCar.mpg = 23;
oTempCar.showColor = function()
{
ale(this.color)
}
return oTempCar;
}
采用哪种方式:
目前流行的是构造函数、原型方式,此外动态原型方式较为流行。
- JavaScript学习之一:采用哪种方式定义类或对象?
- javaScript中定义类或对象的五种方式
- javaScript中定义类或对象的五种方式
- javascript定义类或对象的四种方式
- JavaScript之定义类或对象六种方式
- javascript定义类或对象的几种方式
- JavaScript之定义类或对象六种方式
- JavaScript之定义类或对象六种方式
- javaScript中定义类或对象的五种方式
- JavaScript 定义类或对象
- javascript定义类或对象
- JavaScript 定义类或对象
- JavaScript定义类或对象
- JavaScript定义类或函数的几种方式小结
- JavaScript定义类或函数的几种方式小结
- 定义类或对象的几种方式
- JavaScript中定义类或对象
- JavaScript中定义类或对象
- 常用的正则表达式 - - AJAX - JavaEye论坛(转载)
- [ZT]ERwin相关概念快速入门
- Life is up to your goal
- 基于Tuscany的Web应用程序分析
- qq聊天室分析
- JavaScript学习之一:采用哪种方式定义类或对象?
- [ZT]如何使用Erwin进行基于MYSQL的数据库设计
- 限制业务人员的仓库操作权限
- qq聊天分析笔记
- 最近在研究.NET
- Oracle初学者笔记(一)
- web.config文件详解
- extjs+spring 谁有相关的教程和文档,指导下,中间数据传递使用dwr可以吗,还是其他的呢。
- (转)Intel Atom处理器详细指标及市场前景