DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js創建對象幾種方式的優缺點對比
js創建對象幾種方式的優缺點對比
編輯:關於JavaScript     

比較js中創建對象的幾種方式

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)。

   ②創建的多個對象之間沒有關聯。

 2.構造函數

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

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

缺點:①多個實例重復創建方法,無法共享。

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

3.原型方法

function createObj(){}

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

var person = new createObj();

缺點:①無法傳入參數,不能初始化屬性值。

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

4.組合式(構造函數+原型方法)推薦使用

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

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

優點:構造函數共享實例屬性,原型共享方法和想要共享的屬性。可傳遞參數,初始化屬性值。 

5.動態原型方法

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語句中只會調用一次,就是在碰到第一個實例調用方法時會執。此後所有實例都會共享該方法。在動態原型方法下,不能使用對象字面量重寫原型。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved