html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript的arguments对象应用示例_javascript技巧_

[ ] 已经帮助:人解决问题

arguments 对象QziHTML5中文学习网 - HTML5先行者学习网

在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。QziHTML5中文学习网 - HTML5先行者学习网

例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依此类推)。QziHTML5中文学习网 - HTML5先行者学习网

因此,无需明确命名参数,就可以重写函数:QziHTML5中文学习网 - HTML5先行者学习网

function sayHi() {if (arguments[0] == "bye") {return;}alert(arguments[0]);}

检测参数个数QziHTML5中文学习网 - HTML5先行者学习网

还可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length 即可。QziHTML5中文学习网 - HTML5先行者学习网

下面的代码将输出每次调用函数使用的参数个数:QziHTML5中文学习网 - HTML5先行者学习网

function howManyArgs() {alert(arguments.length);}howManyArgs("string", 45);howManyArgs();howManyArgs(12);

上面这段代码将依次显示 "2"、"0" 和 "1"。QziHTML5中文学习网 - HTML5先行者学习网

注释:与其他程序设计语言不同,ECMAScript 不会验证传递给函数的参数个数是否等于函数定义的参数个数。开发者定义的函数都可以接受任意个数的参数(根据 Netscape 的文档,最多可接受 255 个),而不会引发任何错误。任何遗漏的参数都会以 undefined 传递给函数,多余的函数将忽略。QziHTML5中文学习网 - HTML5先行者学习网
模拟函数重载QziHTML5中文学习网 - HTML5先行者学习网

用 arguments 对象判断传递给函数的参数个数,即可模拟函数重载:QziHTML5中文学习网 - HTML5先行者学习网

function doAdd() {if(arguments.length == 1) {alert(arguments[0] + 5);} else if(arguments.length == 2) {alert(arguments[0] + arguments[1]);}}

doAdd(10); //输出 "15"QziHTML5中文学习网 - HTML5先行者学习网
doAdd(40, 20); //输出 "60"QziHTML5中文学习网 - HTML5先行者学习网

当只有一个参数时,doAdd() 函数给参数加 5。如果有两个参数,则会把两个参数相加,返回它们的和。所以,doAdd(10) 输出的是 "15",而 doAdd(40, 20) 输出的是 "60"。QziHTML5中文学习网 - HTML5先行者学习网

虽然不如重载那么好,不过已足以避开 ECMAScript 的这种限制。QziHTML5中文学习网 - HTML5先行者学习网
QziHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助