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');
缺點:①多個實例重復創(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ù)共享實例屬性,原型共享方法和想要共享的屬性??蓚鬟f參數(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)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
- JS創(chuàng)建對象的寫法示例
- javascript創(chuàng)建對象的3種方法
- javascript如何創(chuàng)建對象
- js面向?qū)ο笾R妱?chuàng)建對象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
- JavaScript中用字面量創(chuàng)建對象介紹
- JavaScript中使用Object.create()創(chuàng)建對象介紹
- js中創(chuàng)建對象的幾種方式示例介紹
- javascript中創(chuàng)建對象的幾種方法總結(jié)
- JavaScript創(chuàng)建對象的寫法
- JavaScript創(chuàng)建對象的七種方式(推薦)
相關(guān)文章
javascript權(quán)威指南 學習筆記之javascript數(shù)據(jù)類型
JavaScript中允許使用三種基本數(shù)據(jù)類型 數(shù)字,文本字符和布爾值。其中數(shù)字包括符點數(shù).此外,它還支持兩種小數(shù)據(jù)類型 -null(空)和undefined(未定義),該兩種小數(shù)據(jù)類型,它們各自只定義了一個值 。2011-09-09經(jīng)過綁定元素時會多次觸發(fā)mouseover和mouseout事件
經(jīng)過綁定元素時會多次觸發(fā)mouseover和mouseout事件,針對這個問題,下面有個不錯的解決方法2014-02-02JS實現(xiàn)的進制轉(zhuǎn)換,浮點數(shù)相加,數(shù)字判斷操作示例
這篇文章主要介紹了JS實現(xiàn)的進制轉(zhuǎn)換,浮點數(shù)相加,數(shù)字判斷操作,結(jié)合實例形式分析了JavaScript數(shù)值運算、判斷相關(guān)操作技巧,需要的朋友可以參考下2019-11-11微信公眾號生成新浪短網(wǎng)址的實現(xiàn)(快速生成)
這篇文章主要介紹了微信公眾號生成新浪短網(wǎng)址的實現(xiàn)(快速生成),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-08-08javascript判斷兩個IP地址是否在同一個網(wǎng)段的實現(xiàn)思路
要判斷兩個IP地址是否在同一個網(wǎng)段,將它們的IP地址分別與子網(wǎng)掩碼做與運算,得到的結(jié)果為網(wǎng)絡號,具體實現(xiàn)如下,需要的朋友可以參考下2013-12-12chrome下判斷點擊input上標簽還是其余標簽的實現(xiàn)方法
下面小編就為大家?guī)硪黄猚hrome下判斷點擊input上標簽還是其余標簽的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-09-09