美文网首页
Array.prototype.slice.call(argum

Array.prototype.slice.call(argum

作者: 江南之城 | 来源:发表于2019-06-13 20:31 被阅读0次

    如下例子:

    function foo(a,b,c,d) { 
       var arg = Array.prototype.slice.call(arguments); 
       console.log(arg); 
       console.log(typeof arguments);
       console.log(arguments);
    } 
    foo("a","b","c","d"); 
    // ["a", "b", "c", "d"]
    // object
    
    Array.prototype.slice.call(arguments)的作用是将函数传入的参数转换为数组对象。
    那大家肯定有疑问,为什么不直接使用arguments对象呢?
    这里需要注意的是typeof arguments打印出的是object,可以看出arguments并不是真正的数组,它是一个对象。
    

    Array.prototype.slice.call()方法能够将一个具有length属性的对象转换为数组。比如我自己定义一个具有length属性的对象:

    var a = { 0: 'bob', 1: '12', 2: 'male', length: 3};
    console.log(Array.prototype.slice.call(a)); //  ["bob", "12", "male"]
    

    将函数参数转换为数组除了Array.prototype.slice.call(arguments)方法外,还可以这么使用[].slice.call(arguments),作用是等价的。
    Array.from
    上面的写法是es5中的写法,es6中提供了一个等价的方法实现上述功能Array.from(arguments)。
    Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 es6新增的数据结构Set 和 Map)。

    let bar = new Set(['a', 'b', 'c']);
    Array.from(bar ); // ['a', 'b', 'c'];
    

    扩展运算符(…)
    es6的语法中还提供了一个神器,叫做扩展运算符(...),它也可以将某些数据结构转换为数组。比如:

    function foo(a,b,c,d) {
    //    console.log(Array.prototype.slice.call(arguments));
    //    console.log(Array.from(arguments));
        console.log([...arguments]); // ["a", "b", "c", "d"]
    }
    foo("a","b","c","d");
    
    

    相关文章

      网友评论

          本文标题:Array.prototype.slice.call(argum

          本文链接:https://www.haomeiwen.com/subject/coyefctx.html