JS的函數(shù)定義可以指定形式參數(shù)名稱，多多少少我們會(huì)以為js至少可以支持參數(shù)個(gè)數(shù)不同的方法重載，然而遺憾的是這僅僅是一個(gè)假象，js所有的參數(shù)都是以arguments傳遞過去的，這個(gè)參數(shù)類似于數(shù)組，在函數(shù)調(diào)用的時(shí)候，所有的實(shí)參都是保存在了這個(gè)數(shù)據(jù)結(jié)構(gòu)里面，我們定義函數(shù)的時(shí)候所指定的形式參數(shù)其實(shí)是為這個(gè)數(shù)據(jù)結(jié)構(gòu)里面的數(shù)據(jù)定義一個(gè)快捷的訪問方式。也就是說js所有的函數(shù)都是支持無限個(gè)參數(shù)的，加上數(shù)據(jù)類型是弱類型，那么JS的函數(shù)除了名稱就真的沒有方法區(qū)別了？

　　辦法總是有的，我們可以利用JavaScript中的特殊對(duì)象arguments來模擬函數(shù)重載。用它來判斷傳入?yún)?shù)的個(gè)數(shù)或類型以區(qū)分重載。

1.根據(jù)參數(shù)個(gè)數(shù)重載

js判斷傳入?yún)?shù)數(shù)量可以用arguments.length這個(gè)屬性來判斷；

1 2 3 4 5 6 7 8 9 10 11 12 13

<script type="text/javascript"> function add() { ????if (arguments.length == 1) { ????????alert(arguments[0] + 10); ????} ????else if (arguments.length == 2) { ????????alert(arguments[0] + arguments[1]); ????} } //函數(shù)調(diào)用 add(10); add(10, 20); </script>

2.根據(jù)參數(shù)類型重載

判斷變量類型的3種方法：
1.用 typeof 語句判斷變量類型，typeof語句返回類型對(duì)應(yīng)的字符串。
2.用 instanceof 語句判斷變量類型，instanceof語句返回true/false。
3.用 constructor 屬性判斷變量類型，這個(gè)屬性返回用來構(gòu)造該變量的構(gòu)造函數(shù)引用。
對(duì)照表：可以看出用 typeof 不能準(zhǔn)確的判斷出具體的類型，所以我們用 constructor 來進(jìn)行判斷。

typeof	string	number	object	function	boolean	object	object
constructor	String	Number	Object	Function	Boolean	Array	User Define

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<script type="text/javascript"> function add() { ????if (arguments.length == 0) return 0; ????var sum=0; ????for(var i=0; i<arguments.length; i++){ ????????if(arguments[i].constructor == Number){ ????????//或者改為：if(arguments[i] instanceof Number) ????????//或者改為：if(typeof(arguments[i])=="number") ????????sum += arguments[i]; ??????} ????} ????return sum; } //函數(shù)調(diào)用 alert(add(10)); alert(add(10,20)); </script>

轉(zhuǎn)載于:https://www.cnblogs.com/ranran/p/javascript_chongzai.html

總結(jié)

以上是生活随笔為你收集整理的JS函数重载解决方案的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。