1.理解参数
ECMAScript 中的参数在内部是用一个数组（arguments 对象）来表示的。在函数体内可以通过 arguments 对象来访问这个参数数组，从而获取传递给函数的每一个参数。
// 示例 1
function sayWhate(){
console.log('I say ' + arguments[0] + ' ' + arguments[1]);
}
// undefined
this.sayWhate('Hello', 'World');
// VM448:2 I say Hello World
// undefined
上述 示例1 中代码在声明函数时，虽然没有传入参数标识符，但函数的功能照样实现。这说明了 ECMAScript 函数的一个重要的特点：
ECMAScript 中函数中命名的参数只提供便利，但不是必须的。在命名参数方面，其它语言可能需要事先创建一个函数签名，而将来的调用必须与签名一致。但在 ECMAScript 中，解析器不会验证命名参数。
arguments.length
通过访问 arguments 对象的 length 属性可以得到传递给函数的参数个数。我们可以利用这一点让函数能够接收任意个参数并分别实现适当的功能。
// 示例 2
function sum() {
if(arguments.length == 1) {
console.log(arguments[0]);
} else if(arguments.length == 2) {
console.log(arguments[0] + arguments[1]);
}
}
// undefined
this.sum(1);
// VM2016:3 1
// undefined
this.sum(1, 2);
// VM2016:5 3
// undefined
上述 示例 2 中的代码，类似于其它语言（如 java）中的函数重载功能，但 ECMAScript 函数不能重载，下面的内容会详细说明，这里暂时略过。
还有几个 arguments 对象概念需要理解：
-
arguments对象可以与命名参数一起使用； -
arguments对象中的值始终与对应命名参数的值保持同步； - 但是读取这两个值（
arguments对象和命名参数）并不是访问相同的内存空间。它们的内存空间是独立的，但它们的值会同步； -
arguments对象的长度是由调用函数时传入的参数个数决定的，不是由定义函数时的命名参数的命名参数个数决定的； - 没有传递值的命名参数将自动被赋予
undefined值，这就跟定义了变量但没有初始化一样； - ECMAScript 中的所有参数传递的都是值，不可能通过引用传递参数。
注意，在严格模式下对如何使用 arguments 对象做了一些限制。
2.没有真正的重载
函数签名
在此之前，我们需要了解什么是函数签名？
我的理解是，对于某些语言（比如 Java，你必须在代码中声明变量的类型才能运行 Java 代码。），这些强类型的语言，我们必须事先通过各种关键字等修饰符来限定，而这些限定在函数上的就是函数签名。
然而 JS 是一种类型松散或动态语言，这意味着我们不必提前什么变量的类型，类型将在程序运行中自动确定或更改。
没有重载
ECMAScript 函数没有签名，因为其参数是由包含零俄或多个值的数组来表示的。而没有函数签名，真正的重载是不可能做到的。
// 示例 3
function addSome(num) {
console.log(num + 10);
}
// undefined
function addSome(num) {
console.log(num + 30);
}
// undefined
this.addSome(10);
// 40
如上述示例 3 代码， ECMASCript 中定义了两个名字相同的函数，后定义的函数会覆盖先定义的函数。而之前通过 arguments.length 检查传入函数中参数的类型或数量并作出不同的反应，可以模仿方法的重载。
3.总结
- 调用函数传入的参数，可以通过
arguments对象数组来获取参数值； - 由于不存在函数签名的特性， ECMAScript 函数不能重载。
注：文章参考总结自 《JavaScript 高级程序设计》（第 3 版）[美] Nicholas C.Zakas 著 第 62 页。
网友评论