函数参数浅析-读书笔记

最新推荐文章于 2025-04-02 16:27:29 发布

转载最新推荐文章于 2025-04-02 16:27:29 发布 · 59 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/winteronlyme/p/6697798.html

本文深入探讨了ECMAScript中函数参数的处理方式，包括使用arguments对象来访问所有传入参数的方法，以及如何根据参数数量调整函数行为。此外，还介绍了在严格模式下使用arguments对象的限制。

ECMAScript函数不介意传递的参数个数，因为在其内部是用一个数组进行表示的。在函数体内可以通过arguments对象来访问这个参数数组，就像我们正常访问数组一样处理。

arguments对象只是与数组类似，并不是array的实例。我们可以通过方括号语法访问arguments的每一个元素（arguments[0],arguments[1]。。。。），可以用length属性确定传递进来的参数个数。

function sayHi() {
　　alert("Hello " + arguments[0] + "," + arguments[1]);
}

与

function sayHi(name, message) {
　　alert("Hello " + name + "," + message);
}

第一种写法是重写第二种表达方式的，为了突出ECMAScript的一个重要特点：命名的参数只提供便利，但不是必需的。

可以通过访问arguments对象的length属性获取有多少个参数传递给了函数。

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

我们也可以让函数能够接收任意个参数实现适当的功能，例如：

function doAdd() {
　　if(arguments.length == 1) {
　　　　alert(arguments[0] + 10);
　　} else if (arguments.length == 2) {
　　　　alert(arguments[0] + arguments[1]);
　　}
}
doAdd(10); //20
doAdd(30, 20); //50

另外一个重点是：arguments对象可以与命名参数一起使用，例如：

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

在上面这个重写的函数中，num1与arguments[0]相同，num2与arguments[1]相同，因此他们可以互换。

还有一个有趣的点，arguments对象的值永远与对应命名参数的值保持同步。

function doAdd(num1, num2) {
　　arguments[1] = 10;
　　alert(arguments[0] + num2);
}

doAdd(10, 20);//20

加了'use strict'

function doAdd(num1, num2) {

　　'use strict';

　　arguments[1] = 10;
　　alert(arguments[0] + num2);
}
doAdd(10, 20);//30

严格模式对如何使用arguments 对象做出了一些限制。首先，像前面例子中那样的赋值会变得无效。

参考资料

《javascript高级程序设计(第3版)》第3章基本概念

转载于:https://www.cnblogs.com/winteronlyme/p/6697798.html