快捷導(dǎo)航

js創(chuàng)建對象幾種方式的優(yōu)缺點對比

更新時間：2016年09月28日 16:54:08 作者：小_前端

這篇文章主要對比了js創(chuàng)建對象幾種方式的優(yōu)缺點，感興趣的小伙伴們可以參考一下

比較js中創(chuàng)建對象的幾種方式

1.工廠模式

function createObj(name, sex){
    var obj = new Object();
    obj.name = name;
    obj.sex = sex;
    obj.sayName = function(){
      alert(this.name);
    }
    return obj;
  }

var person = createObj('Tom', 'man');

缺點：①無法確定對象的類型（因為都是Object）。

　　?、趧?chuàng)建的多個對象之間沒有關(guān)聯(lián)。

2.構(gòu)造函數(shù)

function createObj(name, sex){
    this.name = name;
    this.sex = sex;
    this.sayName = function(){
      alert(this.name);
    }
  }

  var person = new createObj('Tom', 'man');

缺點：①多個實例重復(fù)創(chuàng)建方法，無法共享。

　　 ②多個實例都有sayName方法，但均不是同一個Function的實例。

3.原型方法

function createObj(){}

  createObj.prototype.name = 'Tom';
  createObj.prototype.sex = 'man';
  createObj.prototype.sayName = function(){
    alert(this.name);
  }

var person = new createObj();

缺點：①無法傳入?yún)?shù)，不能初始化屬性值。

　　 ②如果包含引用類型的值時，改變其中一個實例的值，則會在所有實例中體現(xiàn)。

4.組合式（構(gòu)造函數(shù)+原型方法）推薦使用

function createObj(name, sex){
  this.name = name;
  this.sex = sex;
 }
 createObj.prototype.sayName = function(){
  alert(this.name);
 }

 var person = new createObj('Tom', 'man');

優(yōu)點：構(gòu)造函數(shù)共享實例屬性，原型共享方法和想要共享的屬性。可傳遞參數(shù)，初始化屬性值。

5.動態(tài)原型方法

function createObj(name, sex){
  this.name = name;
  this.sex = sex;
  if(typeof this.sayName != 'function'){
   createObj.prototype.sayName = function(){
    alert(this.name);
   }
  }
 }

 var person = new createObj('Tom', 'man');

說明：if語句中只會調(diào)用一次，就是在碰到第一個實例調(diào)用方法時會執(zhí)。此后所有實例都會共享該方法。在動態(tài)原型方法下，不能使用對象字面量重寫原型。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: