有關(guān)于JS構(gòu)造函數(shù)的重載和工廠方法
寫在前面
有時(shí)候我們希望對(duì)象的初始化有多種方式。比如通過元素組成的數(shù)組來初始化一個(gè)Set對(duì)象,而不是通過傳入構(gòu)造函數(shù)的參數(shù)列表來初始化它
重載overload
通過重載這個(gè)構(gòu)造函數(shù)方法讓它根據(jù)傳入?yún)?shù)的不同,來執(zhí)行不同的初始化方法。
function Set() {
this.values = {}; // 用這個(gè)對(duì)象的屬性保存這個(gè)集合
this.n = 0; // 集合中值的個(gè)數(shù)
// 如果傳入一個(gè)類數(shù)組的對(duì)象,將這個(gè)元素添加到集合中
// 否則,將所有的參數(shù)都添加到集合中
if(arguments.length === 1 && isArrayLike(arguments[0])) {
this.add.apply(this, arguments[0]); //把對(duì)象利用apply()添加到集合中
}else if(arguments.length > 0) {
this.add.apply(this, arguments); // 利用add()方法添加所有參數(shù)到集合中
}
}
這段代碼所定義的Set()構(gòu)造函數(shù)可以顯式將一組元素作為參數(shù)列表傳入,也可以傳入元素組成的數(shù)組。但這個(gè)構(gòu)造函數(shù)有多義性,如果集合的某個(gè)參數(shù)是一個(gè)數(shù)組就將無法通過這個(gè)構(gòu)造函數(shù)來創(chuàng)建這個(gè)集合了(為了做到這一點(diǎn),需要首先創(chuàng)建一個(gè)空集合,然后顯示調(diào)用add()方法)。
工廠方法
一個(gè)類的方法用于返回類的一個(gè)實(shí)例。
// 工廠方法通過數(shù)組初始化Set對(duì)象
Set.fromArray = function(arr) {
var s = new Set();
s.add.apply(s, arr);
return s;
};
不同名字的工廠方法用以執(zhí)行不同的初始化。但由于構(gòu)造函數(shù)是類的公有標(biāo)識(shí),因此每個(gè)類只能有一個(gè)構(gòu)造函數(shù)。但這并不是一個(gè)必須遵守的規(guī)則。
輔助構(gòu)造函數(shù)
通過以函數(shù)的形式調(diào)用Set()來初始化這個(gè)新對(duì)象
// 定義Set類型的一個(gè)輔助構(gòu)造函數(shù)
function SetFromArray(arr) {
// 通過以函數(shù)的形式調(diào)用Set()來初始化這個(gè)新對(duì)象
// 將arr的元素作為參數(shù)傳入
Set.apply(this, arr);
}
// 設(shè)置原型, 以便SetFromArray能創(chuàng)建Set實(shí)例
SetFromArray.prototype = Set.prototype;
JavaScript 沒有做不到,只有想不到
- 如何實(shí)現(xiàn)JS函數(shù)的重載
- js 覆蓋和重載 函數(shù)
- js中方法重載如何實(shí)現(xiàn)?以及函數(shù)的參數(shù)問題
- JS函數(shù)重載的解決方案
- Javascript基礎(chǔ) 函數(shù)“重載” 詳細(xì)介紹
- 詳解JS函數(shù)重載
- 為JavaScript添加重載函數(shù)的輔助方法
- JavaScript中的函數(shù)重載深入理解
- 添加JavaScript重載函數(shù)的輔助方法2
- javascript函數(shù)重載解決方案分享
- 通過實(shí)例理解javascript中沒有函數(shù)重載的概念
- JavaScript函數(shù)重載操作實(shí)例淺析
相關(guān)文章
JavaScript中循環(huán)遍歷Array與Map的方法小結(jié)
這篇文章主要介紹了JavaScript中循環(huán)遍歷Array與Map的各種方法,利用的都是js入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2016-03-03JavaScript 基礎(chǔ)篇之對(duì)象、數(shù)組使用介紹(三)
對(duì)象我們?cè)谇懊嬉埠?jiǎn)單介紹過,它是一種將多個(gè)數(shù)據(jù)值集中在一個(gè)單元的東西,使用名字來存取,它是一個(gè)無序的屬性集合2012-04-04JS不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄狫S不用正則驗(yàn)證輸入的字符串是否為空(包含空格)的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06Javascript的時(shí)間戳和php的時(shí)間戳轉(zhuǎn)換注意事項(xiàng)
需要注意的是js的時(shí)間戳是13位,php的時(shí)間戳是10位,轉(zhuǎn)換函數(shù)如下,感興趣的朋友可以參考下哈2013-04-04javascript 全選與全取消功能的實(shí)現(xiàn)代碼
全選與全取消在工作過程中經(jīng)常會(huì)使用到,是因?yàn)樗芊奖?,同時(shí)可以提高用戶體驗(yàn)值,本文介紹如何使用javascript實(shí)現(xiàn)全選與全取消功能,需要了解的朋友可以參考下2012-12-12jquery中prop()方法和attr()方法的區(qū)別淺析
官方例舉的例子感覺和attr()差不多,也不知道有什么區(qū)別,既然有了prop()這個(gè)新方法,不可能沒用吧,那什么時(shí)候該用attr(),什么時(shí)候該用prop()呢2013-09-09