JavaScript 函数参数
JavaScript 函数允许没有参数(但包含参数的小括号不能省略),也可以向函数传递参数供函数使用。
下面的例子中,就向 hello() 函数传递了 name 和 age 参数,参数值分别是 小明 和 18。
<html> <head> <script type="text/javascript"> function hello(name,age){ document.write("我叫" + name + ",今年" + age + "岁!"); } </script> </head> <body> <input type="button" onclick="hello('小明',18)" value="确定" /> </body> </html>
运行该例子,点击 确定 按钮,输出:
我叫小明,今年18岁!
如上例所示,传入的值是字符串时,需要加上引号;传入的值是数字,不需要加引号。
JavaScript 函数参数错误
JavaScript 函数参数并没有严格要求哪些参数是必选参数,哪些参数是可选参数,因此传入的参数个数是允许不等于定义函数时参数的个数的。
如果在函数中使用了未定义的参数,则会提示语法错误(参数未定义),JavaScript 代码不会正常运行。
如果参数已经定义,但未正确的传入参数时,相关参数值会以 undefined 替换,JavaScript 代码仍正常运行,如下例所示:
<html> <head> <script type="text/javascript"> function hello(name,age){ document.write("我叫" + name + ",今年" + age + "岁!"); } </script> </head> <body> <input type="button" onclick="hello('小明')" value="确定" /> </body> </html>
运行该例子,点击 确定 按钮,输出:
我叫小明,今年undefined岁!
JavaScript arguments 对象
在 JavaScript 函数中,有个特殊的 arguments 对象,它以类似数组的形式保存了当前函数调用的参数。因此,开发者无需定义具体的参数名,就可以方便的访问函数参数:
<html> <head> <script type="text/javascript"> function hello(){ document.write("我叫" + arguments[0] + ",今年" + arguments[1] + "岁!"); } </script> </head> <body> <input type="button" onclick="hello('小明',18)" value="确定" /> </body> </html>
运行该例子,点击 确定 按钮,输出:
我叫小明,今年18岁!
在 arguments 对象中,arguments[0] 表示第1个参数,arguments[1] 表示第2个参数,依次类推。
提示
通常在函数定义中,为便于代码的可读性,一般不会使用 arguments 对象。在处理不定数目的参数,或者模拟函数重载时,可方便的使用 arguments 对象来处理。
检测参数个数
使用 arguments 对象,可以很方便的检测函数的参数个数。arguments 的 length 属性,即 arguments.length 就是参数的个数:
<html> <head> <script type="text/javascript"> function hello(){ document.write(arguments.length); } </script> </head> <body> <input type="button" onclick="hello('小明',18)" value="确定" /> </body> </html>
运行该例子,点击 确定 按钮,输出:
2