javascript定义类或者对象

1.工厂方式

 

 

function createObj(sColor,iSize){
   var oTempObj = new Object;
   oTempObj.color = sColor;
   oTempObj.size = iSize;
   oTempObj.tellSize = function () {
         alert(this.color)
   };
   return oTempObj;
}

var oObj1 = createObj("red",10);
var oObj2 = createObj("white",14);

 

   在这个列子中,每次调用函数createObj(),都要创建新函数tellSize(),意味着每个对象都有自己的tellSize()版本,而实际上,我们需要的仅仅是同一个tellSize()函数,这样就造成了浪费。可以如下方式写:

 

  

function tellSize(){
   alert(this.size);
}

function createObj(sColor,iSize){
   var oTempObj = new Object;
   oTempObj.color = sColor;
   oTempObj.size = iSize;
   oTempObj.tellSize = tellSize;
   return oTempObj;
}

var oObj1 = createObj("red",10);
var oObj2 = createObj("white",11);

 

   工厂方式创建函数对象,这样从功能上是可以的,但是给人的感觉是不像是创建对象的方法。

 

2. 构造函数方式

 

function Obj(sColor, iSize){          //根据惯例,构造函数的名字要首字母大写
     this.color = sColor;
     this.size = iSize;
     this.tellSize = function(){
           alert(this.size)
     };
}

var obj1 = new Obj("red",10);
var obj2 = new Obj("white",11);

 

这里需要说明的是,采取前两种方法创建对象,从语义上看,不能明确的看出所有的属性都属于一个对象,那么下面的方式可以解决这个语义问题。   

 

3.原型方式

  

  

function Obj(){

}

Obj.prototype.color = "red";
Obj.prototype.size = 10;
Obj.prototype.tellSize = function(){
     alert(this.size);
};
Obj.prototype.drivers = new Array("zhang","wang");

var oObj1 = new Obj();
var oObj2 = new Obj();

 

这样似乎是完美的,首先这样不能通过构造函数传递参数,必须创建完对象后才能改变属性的默认值,另外一个比较恶心的问题是,当有属性指向的是对象而不是函数的时候,函数共享不会出现问题,但是对象共享就会有问题啦。看下面接着上面的写:

 

oObj1.drivers.push("li");

alert(oObj1.drivers);  //output "zhang wang li"
alert(oObj2.drivers);  //output "zhang wang li"

 

这里发生的问题就是两个不同的指针指向了同一个对象。

 

下面一种方式比较合理了,联合使用构造函数和原型方式

 

4.混合的构造函数/原型方式

 

这种概念非常简单,即用构造函数定义对象的所有非函数属性,用原型方式定义对象的函数属性(方法)。

 

function Obj(sColor, iSize){
     this.color = sColor;
     this.size = iSize;
     this.drivers = new Array("zhang","wang");
}

Obj.prototype.tellSize = function() {
     alert(this.size);
};

var oObj1 = new Obj("red",14);
var oObj2 = new Obj("white",10);

oObj1.drivers.push("li");

alert(oObj1.drivers);     //output "zhang wang li"
alert(oObj2.drivers);     //output "zhang wang"

 

  这样就完美了,但是思想无止境,有些人追求更完美,他们认为这种构造函数内寻找属性,外部找方法的做法不合逻辑。于是就有:

 

5.动态原型方法

 

function Obj(sColor, iSize){
     this.color = sColor;
     this.size = iSize;
     this.drivers = new Array("zhang","wang");
     
     if(typeof Obj._initialized == "undefined"){
          Obj.prototype.tellSize = function() {
              alert(this.size);
           };
           Obj._initialized = true;
      }

}

var oObj1 = new Obj("red",14);
var oObj2 = new Obj("white",10);

oObj1.drivers.push("li");

alert(oObj1.drivers);     //output "zhang wang li"
alert(oObj2.drivers);     //output "zhang wang"

 

 

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值