function createCar(name,color,price){
  var tempcar=new Object;
  tempcar.name=name;
  tempcar.color=color;
  tempcar.price=price;
  tempcar.getName=function(){
   document.write(this.name+"-----"+this.color+"<br>");
  };
  return tempcar;
}
var car1=new createCar("工廠桑塔納","red","121313");
car1.getName();

定義了一個(gè)能創(chuàng)建并返回特定類型對(duì)象的工廠函數(shù)，看起來(lái)還是不錯(cuò)的，但有個(gè)小問(wèn)題，

每次調(diào)用時(shí)都要?jiǎng)?chuàng)建新函數(shù) showColor，我們可以把它移到函數(shù)外面，

function getName(){
  document.write(this.name+"-----"+this.color+"<br>");
}

在工廠函數(shù)中直接指向它

復(fù)制代碼代碼如下:

tempCar.getName = getName;

這樣避免了重復(fù)創(chuàng)建函數(shù)的問(wèn)題，但看起來(lái)不像對(duì)象的方法了。

2、構(gòu)造函數(shù)方式

function Car(name,color,price){
  this.name=name;
  this.color=color;
  this.price=price;
  this.getColor=function(){
   document.write(this.name+"-----"+this.color+"<br>");
  };
}
var car2=new Car("構(gòu)造桑塔納","red","121313");
car2.getColor();

可以看到與第一中方式的差別，在構(gòu)造函數(shù)內(nèi)部無(wú)創(chuàng)建對(duì)象，而是使用 this 關(guān)鍵字。

使用 new 調(diào)用構(gòu)造函數(shù)時(shí)，先創(chuàng)建了一個(gè)對(duì)象，然后用 this 來(lái)訪問(wèn)。

這種用法于其他面向?qū)ο笳Z(yǔ)言很相似了，但這種方式和上一種有同一個(gè)問(wèn)題，就是重復(fù)創(chuàng)建函數(shù)。

3、原型方式

function proCar(){
}
proCar.prototype.name="原型";
proCar.prototype.color="blue";
proCar.prototype.price="10000";
proCar.prototype.getName=function(){
  document.write(this.name+"-----"+this.color+"<br>");
};
var car3=new proCar();
car3.getName();

首先定義了構(gòu)造函數(shù) Car，但無(wú)任何代碼，然后通過(guò) prototype 添加屬性。優(yōu)點(diǎn)：

a. 所有實(shí)例存放的都是指向 showColor 的指針，解決了重復(fù)創(chuàng)建函數(shù)的問(wèn)題

b. 可以用 instanceof 檢查對(duì)象類型

復(fù)制代碼代碼如下:

alert(car3 instanceof proCar);//true

缺點(diǎn)，添加下面的代碼：

proCar.prototype.drivers = newArray("mike", "sue");
car3.drivers.push("matt");
alert(car3.drivers);//outputs "mike,sue,matt"
alert(car3.drivers);//outputs "mike,sue,matt"

drivers 是指向 Array 對(duì)象的指針，proCar 的兩個(gè)實(shí)例都指向同一個(gè)數(shù)組。

4、動(dòng)態(tài)原型方式

function autoProCar(name,color,price){
  this.name=name;
  this.color=color;
  this.price=price;
  this.drives=new Array("mike","sue");
  if(typeof autoProCar.initialized== "undefined"){
   autoProCar.prototype.getName =function(){
   document.write(this.name+"-----"+this.color+"<br>");
   };
   autoProCar.initialized=true;
  }
}
var car4=new autoProCar("動(dòng)態(tài)原型","yellow","1234565");
car4.getName();
car4.drives.push("newOne");
document.write(car4.drives);

這種方式是我最喜歡的，所有的類定義都在一個(gè)函數(shù)中完成，看起來(lái)非常像其他語(yǔ)言的類定義，不會(huì)重復(fù)創(chuàng)建函數(shù)，還可以用 instanceof

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: