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

首頁 > 語言 > JavaScript > 正文

JavaScript創建對象的四種常用模式實例分析

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

本文實例講述了JavaScript創建對象的四種常用模式。分享給大家供大家參考,具體如下:

這里介紹了javascript中創建對象常用的幾種模式,包括:工廠模式,構造函數模式,原型模式,組合構造函數與原型的模式,動態原型模式。

一.工廠模式

看如下代碼:

function getMySon(name,sex){  var o={};  o.name=name;  o.sex=sex;  o.sayName = function(){    alert(this.name);  }  return o;}son1 = getMySon('li ming','male');son2 = getMySon('li hong','female');

這就是工廠模式。在函數中定義一個對象,并為其添加屬性與方法,最后將這個對象返回。雖然這種模式實現了方便的創建對象,但是有這樣一個問題,即不能判斷這個實例到底是誰創建的。

比如 son1 intanceof getMySon并不能返回 true。因為這里的實例確切來說并不是由getMySon 通過new來創建的,而是getMySon中的 o。
所以工廠模式并不適合需要創建很多種對象的情況。

那么怎么創建對象才能正確的判斷實例是從哪兒來的呢?下面就要說到構造函數模式了。

二.構造函數模式

看如下代碼 :

function getMySon(name,sex){  this.name = name;  this.sex = sex;  this.sayName = function(){    alert(this.name);  }}son1 = new getMySon('li ming','female');

這就是構造函數模式,注意在調用時要用 new。

在進行new調用時,進行如下幾個步驟:

1. 創建一個新的對象(并把空對象的__proto__屬性設置為getMySon.prototype)。

2. 將構造函數的作用域賦給新對象(此時this 指向了這個新對象)。

3. 執行構造函數中的代碼(通過this 為這個新對象添加屬性)

4. 返回新對象。

通過這種方式產生的實例可以使用son1 instanceof getMySon來判斷實例是由誰來產生的。

那么使用構造函數有什么問題呢?由于每次使用new時都會創建一個新的對象,那么所有的數據在不同實例之間是不共享的。但是對于函數sayName來說,它并沒有必要創建多個。這樣做浪費了空間。

這樣就引出了下一種,原型模式。

三. 原型模式

看如下代碼:

function getMySon(){}getMySon.prototype.name = 'li ming';getMySon.prototype.sex = 'female';getMySon.prototype.sayName = function(){  alert(this.name);}

這就是原型模式(原型的相關知識這里不詳細說)。

原型模式將屬性和方法添加到了getMySon.prototype里,prototype由所有的實例共享,它只有一份,并不是所有的實例各有一份。

這種方式實現了讓函數只有一份,不必占用多余的空間。但是,name,sex之類的屬性并不需要在所有實例間共享,而且使用原型模式進行傳參生成這些屬性也不方便。

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

圖片精選

主站蜘蛛池模板: 孝昌县| 永新县| 旬邑县| 胶南市| 扎鲁特旗| 曲沃县| 桂东县| 桐城市| 宁津县| 绍兴县| 大足县| 江阴市| 中卫市| 石城县| 乌鲁木齐县| 德化县| 礼泉县| 拉萨市| 绥棱县| 湘乡市| 潮安县| 麟游县| 耿马| 正阳县| 蒲城县| 治县。| 灵川县| 连云港市| 宾阳县| 缙云县| 久治县| 从化市| 太和县| 凌云县| 宝兴县| 长顺县| 林芝县| 新沂市| 静海县| 论坛| 长治市|