简单了解JavaScript arguement原理及作用

在JavaScript中，函数的参数(argument)是比较常见的概念。由于JavaScript的灵活性，argument在函数调用的时候可以有多种使用方式和用途。

argument的含义

argument是指函数调用时传递给函数的值。在函数的代码块中，我们使用argument来引用这些传递进来的值。argument可以是任何类型，包括字符串、数字、数组、对象、函数等等。

argument的工作原理

在JavaScript中，argument的值由函数实际传递的参数决定。当函数调用时，它的参数值会被传递给函数内部。函数可以通过"arguments"对象来获取这些参数。arguments对象是一个类数组对象，它包含了传递给函数的所有参数。

例如，以下的函数add()接受两个参数，它们的和会被计算并返回:

function add(num1, num2) {
    return num1 + num2;
}

在函数体内部，我们可以使用argument数组来获取这两个参数：

function add() {
    return arguments[0] + arguments[1];
}

当调用这个函数时：

add(1,2);

add函数会接收到两个arguments[0] = 1 和arguments[1] = 2 的值，然后返回3。

argument的作用

argument的主要作用是可以在函数中接受任意个数的参数。在JavaScript中，我们可以使用argument的长度属性(length)来判断函数调用时传递的参数个数。

例如，以下的函数sum()可以计算任意个数的参数之和：

function sum() {
    var result = 0;
    for(var i=0; i<arguments.length; i++) {
        result += arguments[i];
    }
    return result;
}

当调用这个函数时：

sum(1,2,3);

sum函数会接收到arguments[0] = 1, arguments[1] = 2 和arguments[2] = 3，然后返回6。

此外，还有一种特殊的情况是我们可以使用arguments作为函数的参数。这种方式在需要传递多个参数但是不确定具体个数时非常实用。例如：

function showData() {
    var message = "";
    for(var i=0; i<arguments.length; i++) {
        message += arguments[i] + " ";
    }
    console.log(message);
}

当调用这个函数时，我们可以传递任意个数的参数：

showData("Hello", "world", "!");
showData("I", "am", "learning", "JavaScript", "now.");

函数将会打印出如下的结果：

Hello world !
I am learning JavaScript now.

示例说明

示例一：构造器函数

构造器函数是JavaScript中用来创建对象的一种常见方式。我们可以使用它来创建多个实例对象，每个对象都可以有不同的属性和行为。

以下是构造器函数Person的定义，它接受两个参数name和age，用来创建一个新的Person对象：

function Person(name, age) {
    this.name = name;
    this.age = age;
}

当我们使用new操作符调用Person函数时，会返回一个包含了name和age属性的Person对象。例如：

var person1 = new Person("Tom", 20);
console.log(person1.name); // "Tom"
console.log(person1.age); // 20

另外，我们还可以利用函数的arguments对象强制要求函数调用时必须传递name和age参数，否则函数将不会执行。以下是改进后的构造器函数定义：

function Person(name, age) {
    if(arguments.length < 2) {
        throw new Error("Person constructor requires at least 2 arguments");
    }
    this.name = name;
    this.age = age;
}

现在，当我们使用new操作符调用Person函数时，如果不传递name和age参数，该函数将会抛出一个错误。

示例二：检测参数类型

在JavaScript中，很难保证函数的调用者都按照你的预期来传递参数。特别是当函数期望的参数类型非常特殊时，需要一些额外的工作来检查参数是否合法。

假设有一个函数multiply，该函数需要接受两个参数x和y，并且要求它们必须是数字，然后将它们相乘并返回结果。以下是multiply函数的实现：

function multiply(x, y) {
    if(typeof x !== "number" || typeof y !== "number") {
        throw new Error("multiply(): Both arguments must be numbers");
    }
    return x * y;
}

当调用这个函数时：

var result = multiply(1, 2);
console.log(result); // 2

multiply函数将会返回2。

但是，如果我们传递非数字类型的参数时，multiply函数将会抛出一个错误，并停止执行：

multiply("1", "2");

multiply函数将会抛出一个错误："multiply(): Both arguments must be numbers"。

针对以上场景，我们可以使用argument对象达到同样的目的，并以更加通用的方式来检测参数类型：

function multiply() {
    var x = arguments[0], y = arguments[1];
    if(typeof x !== "number" || typeof y !== "number") {
     throw new Error("multiply(): Both arguments must be numbers");
    }
    return x * y;
}

现在，我们可以在调用函数时传递任意个数的参数并且让函数自行判断参数类型是否合法了。

至此，我们对JavaScript argument原理及作用的初步认识就完成了。