类数组对象arguments 和 数组对象

 

arguments并非一个真正的数组，而是一个“相似数组（array-like）”的对象；

就像下面的这段输出，就是典型的类数组对象：

{0:12, 1:23}

 

1、类数组 VS 数组

相同点：

• 均可用下标访问每一个元素
• 都有length属性

不一样点：

• 数组对象的类型是Array，类数组对象的类型是Object；
• 类数组对象不能直接调用数组API；
• 数组遍历能够用for in和for循环，类数组只能用for循环遍历；

function calc(){
    console.log(arguments);        // ["sky", "moon", callee: ƒ, Symbol(Symbol.iterator): ƒ]
    console.log(arguments[0]);    // sky
    console.log(arguments.length);    // 2
    // arguments.pop();   // 报错，arguments.pop is not a function
}

calc('sky', 'moon');

 

类数组对象转为数组对象方法： Array.prototype.slice.call ( arguments );

function calc(){
    var newArr = Array.prototype.slice.call(arguments);
    newArr.pop();    
    console.log(newArr);    // ["sky"]
}

calc('sky', 'moon');

 

2、类数组的用法

一、实现重载(overload)：当函数的参数个数不明确时，函数体根据参数的不一样进行相应处理；

好比咱们要实现：一个参数时，作乘法运算；二个参数时，作加法运算；

看下面代码，咱们能够这样实现：

// 实现重载(overload)
function calc(){
    //传1个参数，求平方
    if(arguments.length == 1){
        return arguments[0] * arguments[0];  
    }
    //传2个参数，求和
    else if(arguments.length == 2){
        return arguments[0] + arguments[1];
    }
}
console.log(calc(5));//25
console.log(calc(12,23));//35

 

二、实现递归：在函数内部反复的调用函数自己

首先咱们用最原始的方法，实现数字的叠加

function calc(num){
    if(num <= 0){
        return 0;
    }else{
        return num += calc(num - 1);
    }
}

console.log(calc(3));    // 6

 

而后咱们用类数组来实现一样的功能：

arguments.callee：返回当前函数自己

function calc(num){
    if(num <= 0){
        return 0;
    }else{
        return num += arguments.callee(num - 1);
    }
}
console.log(calc(3));  // 6

 

下面举个栗子，来讲明这两种调用的一点小区别：

若是写成 return num += calc(num - 1) 会报错；缘由很简单，当执行calc = null 后，calc已经不是一个函数；

可是写成 return num += arguments.callee(num - 1) 不会报错；由于arguments.callee指的是“当前函数”，并非“calc”

function calc(num){
    console.log(arguments);
    if(num <= 0){
        return 0;
    }else{
        return num += arguments.callee(num - 1);
        // return num += calc(num - 1);  // 报错 Uncaught TypeError: calc is not a function
    }
}
var result = calc;
calc = null;
console.log(result(3));

 

注意： arguments.callee的用法在严格模式下是不容许的；

Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

"use strict";
function calc(num){
    if(num <= 0){
        return 0;
    }else{
        return num += arguments.callee(num - 1);
    }
}
console.log(calc(3));