js 创建类与对象

js 创建类与对象有几种方式：

?

?1、最原始的方式 ：

var car = new Object();
car.color = "red";
car.name = "baoma";
car.showColor = function(){

   alert(this.color);
}

?

?? 创建一个car 的对象， 有两个属性： name,color? 一个方法：showColor

?? 缺点：只能创建一个对象

?

2、工厂方式

?

function createCar() {
  var car= new Object;
  car.color = "blue";
  car.name= "baoma";
   car.showColor = function() {
    alert(this.color);
  };
  return  car;
｝

var car1 = createCar();
var car2 = createCar();

?和原始方式一样，创建car 对象

?比原始方式优越的是：可以创建多个car对象

?缺点：所有对象的属性和方法都 是相同的

?

?

3、构造函数方式

?

?

function createCar(color,name) {
   this.color = color;
   this.name= name;
   car.showColor = function() {
    alert(this.color);
  };
 ｝

var car1 = createCar("blue","baoma");
var car2 = createCar("red","benci");

?

缺点：

?构造函数会重复生成函数，为每个对象创建独立的版本

?

?

4、原型方式：

?

?

function Car() {
}
Car.prototype.color = "blue";
Car.prototype.name = "baoma";
Car.prototype.showColor = function() {
  alert(this.color);
};

?

??? 代码：

????? 首先：定义构造函数（Car），其中无任何代码

????? 其次：利用 prototype 构造属性与函数

?

??当调用new Car()时，?原型的所有属性都会被立即赋予创建的对象，也就是说有 Car 的实例存放的都是指向 showColor() 函数的指针 ，语义上讲：这样所有的属性都属于一个对象

?

??原型方式存在问题：

?

?? ? ?1、不能使用传递参数方式给属性赋值

?? ? ?2、当属性的指向是对象 而不是函数时，对象很少被多个实例共享

?

?

5、混合构造函数/原型方式

?

function Car(color,name) {
   this.color = color;
   this.name= name;
  
  };
 ｝

Car.prototype.showColor = function() {
  alert(this.color);
};

?使用这种方式，基本与其它语言创建对象一个样了。

?

最常用的也是这种方式?

?

这种方式 ：既使所有函数都只创建一次，并且使每个对象都具有自己的对象属性实例

?

?

6、也可采用这种方式 ?动态原型方式

?

function Car(color,name) {
  this.color = color;
  this.name = name;
  if (typeof Car._initialized == "undefined") {
    Car.prototype.showColor = function() {
      alert(this.color);
    };
	
    Car._initialized = true;
  }
} 

?

该方法使用标志（_initialized）来判断是否已给原型赋予了任何方法。该方法只创建并赋值一次

?

?

最常用，最好用的就是第 五，六种，但第六种更完美一些

?