Javascript中arguments对象详解

在上篇文章中我们讨论了javascript中的默认参数，这篇文章，我们来讨论下javascript的arguments参数对象。
如下例的一个函数，我们如何根据传入参数的不同来做不同的处理呢？


代码如下:


function addAll () {
    // What do we do here?
}

// Should return 6 addAll(1, 2, 3);
// Should return 10 addAll(1, 2, 3, 4);


幸运的是，javascript有一个arguments对象，可以来处理上述情况。arguments对象是一个类数组对象，想了解arguments对象的详细情况请戳这里，我们使用arguments对象来改变上例：


代码如下:


function addAll () {
    var sum = 0;

    for (var i = 0; i < arguments.length; i++) {         sum += arguments[i];     }
    return sum; }
// Returns 6 addAll(1, 2, 3);
// Returns 10 addAll(1, 2, 3, 4);


上面我们说过arguments对象是一个类数组对象，下面我们来测试下：


代码如下:


function getName() {
 console.log(Array.isArray(arguments));
}

//will output false getName("benjamin");


上述测试结果可以看出： 它不是一个数组对象，那么它和数组对象有什么不同呢？详情请戳这里。
执行下面例子会抛出一个错误：


代码如下:


function sortArgs () {
    // Uncaught TypeError: undefined is not a function
    sorted = arguments.sort()

    return sorted; } sortArgs();


我们可以像下面这样把一个类数组对象转换为数组对象：


代码如下:


function sortArgs () {
    // Convert arguments object into a real array
    var args = [].slice.call(arguments);

    // Now this will work!     sorted = args.sort()
    return sorted; }
//will output [1, 2, 3] console.log(sortArgs(1,3,2));


如果你感觉这篇文章对你有帮助，希望转给更多需要的人。文章不妥之处，欢迎留言斧正。


有用  |  无用 取消

猜你喜欢