创建类

JS中创建类的方法

(2009-11-05 08:37:05)

转载

标签： 杂谈

分类： jscript学习笔记

javascript的 class建立是个有意思的话题, 确切的说, OO的javascript就是比较有趣的, 因为javascript并没有在设计的时候定位为OO. 下面的文章是转的别人的, 集中于话题"javascript语言中的Class 的创建"

在Javascript中构建一个类有好几种方法:
1.Factory 方式

function createCar(){
  var car  =  new Object();
  car.color="b";
  car.length=1;
  car.run=function(){alert("run");}
  return car;
}
定义这么一个函数之后,就可以用:
var car1  =  createCar();
var car2  =  createCar();

来创建新的对象，这种方式的问题是每一次创建一个car对象,run Function也都必须
重新创建一次.浪费内存

2.Constructor方式

function Car(){
  this.color="b";
  this.length=1;
  this.run=function(){alert("run");}
}

var car1=new Car();
var car2=new Car();

这是最基本的方式,但是也存在和factory方式一样的毛病

3.prototype方式

function Car(){
}
Car.prototype.color="b";
Car.prototype.length=1;
Car.prototype.run=function(){alert("run");}

这个方式的缺点是,当这个类有一个引用属性时,改变一个对象的这个属性也会改变其他对象得属性
比如:

Car.prototype.data1=new Array();
var car1=new Car();
var car2=new Car();

car1.data1.push("a");

此时,car2.data也就包含了"a"元素

4.Prototype/Constructor杂合方式

function Car(){
  this.color="b";
  this.length=1;
  this.data1=new Array();
}

Car.prototype.run=function(){
  alert("dddd");
}

这种方式去除了那些缺点.是目前比较大范围使用的方式

5.动态prototype方式

function Car(){
  this.color="b";
  this.length=1;
  this.data1=new Array();
  
  if(typeof Car.initilize=="undefined"){
    Car.prototype.run=function(){alert("a");}
  }
  
  Car.initilize=true;
}

这几种方式中,最常用的是杂合prototype/constructor 和 动态prototype方式