Javascript不像其他编程语言一样具有函数签名(什么是函数签名,简单的说就是说函数的接受参数类型和参数个数,也有人认为返回类型也应该包括。具体概念大家可以到网上查询)。
所以Javascript是不能像其他语言一样实现方法名相同,参数个数不同…的这类重载的,不信你可以试试:
1 function show(){ 2 alert("1"); 3 } 4 function show(num1){ 5 alert(num1); 6 } 7 8 window.onload=function(){ 9 show(); 10 show(2); 11 }
断点调试下,不带参数的show方法是不会被执行的,它会被show(num1)方法给覆盖掉。
那么Javascript中就不可以实现“重载”了么?答案是可以的,只是是另一种方式而已。对,就是利用arguments。
那么什么是arguments呢?在JS中它是一个特殊的属性,它可以像数组一样通过下标索引获取参数的值(但它不是数组),通过length获取参数个数:
1 function showParamsCount(){ 2 alert("参数个数:"+arguments.length);//输出:参数个数:4 3 alert("下标索引为3的参数:"+arguments[3]);//输出: 下标索引为3的参数:你好 4 } 5 6 window.onload=function(){ 7 showParamsCount("Hello",4,5,"你好"); 8 }
还要知道的一点是JS中函数的命名参数不是必须的,所以要想知道调用时传递了多少个参数还是得通过arguments获取参数。
下面就实现一个简单的方法重载:
1 function showMessage(){ 2 if(arguments.length==1){ 3 alert(arguments[0]); 4 }else if( arguments.length==2){ 5 alert(arguments[0]+"说:"+arguments[1]); 6 }else{ 7 return false; 8 } 9 } 10 11 window.onload=function(){ 12 showMessage("Hi!"); 13 showMessage("张三","Hi 你妹"); 14 }
这样JS的重载算是实现了。
在看js高级程序设计这本书的时候发现arguments的值与对应命名参数的值永远同步,以前没注意过这个问题
1 function showMessage(name,msg){ 2 arguments[1]="我可以改变msg的值"; 3 alert(name+"说:"+msg);//输出:张三说:我可以改变msg的值 4 } 5 6 window.onload=function(){ 7 showMessage("张三","Hi 你妹"); 8 }
好吧关于js“重载”的基础知识就这么些