国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js創建對象幾種方式的優缺點對比

2024-05-06 15:09:07
字體:
來源:轉載
供稿:網友

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 英超| 阿拉善左旗| 吉林市| 潞西市| 天全县| 星子县| 汪清县| 永年县| 慈利县| 金平| 政和县| 托克逊县| 铜山县| 莱西市| 布拖县| 蒙山县| 衡山县| 泽普县| 南江县| 紫金县| 武川县| 南溪县| 奉化市| 拜城县| 开鲁县| 泗阳县| 瓮安县| 运城市| 兴宁市| 宜君县| 洛南县| 邯郸市| 宣威市| 荔浦县| 牡丹江市| 林口县| 盱眙县| 南江县| 林西县| 河西区| 同江市|