当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 类定义的4种方法

Javascript
js 页面输出值
javascript实现的网页局布刷新效果
js+CSS 图片等比缩小并垂直居中实现代码
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
JavaScript获得选中文本内容的方法
asp 取文本框名称代码
JavaScript 基础问答二
JavaScript 基础问答三
支持多浏览器(IE、Firefox、Opera)剪切板复制函数_IT学习网修正版
js 深拷贝函数
Javascript 浅拷贝、深拷贝的实现代码
Javascript !!的作用
Javascript 表单之间的数据传递代码
JS 网页安全色调色板 DW风格
右下角弹出信息(自动关闭)
一个判断email合法性的函数[非正则]
javascript 回车替换成TAB的脚本
js 设置css的定位
JavaScript 拖拉缩放效果
javascript 公用拖拽类代码

Javascript 中的 javascript 类定义的4种方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 307 ::
收藏到网摘: n/a

javascript 类定义的4种方法,大家可以参考下根据需要选择。
复制代码 代码如下:

/*
工厂方式--- 创建并返回特定类型的对象的 工厂函数 ( factory function )
*/
function createCar(color,doors,mpg){
var tempCar = new Object;
tempCar.color = color;
tempCar.doors = doors;
tempCar.mpg = mpg;
tempCar.showCar = function(){
alert(this.color + " " + this.doors);
}
return tempCar;
}
/*
构造函数方式--- 构造函数看起来很像工厂函数
*/
function Car(color,doors,mpg){
this.color = color;
this.doors = doors;
this.mpg = mpg;
this.showCar = function(){
alert(this.color);
};
}
/*
原型方式--- 利用了对象的 prototype 属性,可把它看成创建新对象所依赖的原型
*/
function Car(color,doors,mpg){
this.color = color;
this.doors = doors;
this.mpg = mpg;
this.drivers = new Array("nomad","angel");
}
Car.prototype.showCar3 = function(){
alert(this.color);
};
/*
混合的构造函数 /原型方式--- 用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法)
*/
function Car(sColor, iDoors, iMpg) {
this.color = sColor;
this.doors = iDoors;
this.mpg = iMpg;
this.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;
}
} //该方法使用标志( _initialized )来判断是否已给原型赋予了任何方法。