[].slice.call(arguments)

目录

前言

解析

【】创建数组

slice截取数组

call改变this

 arguments类数组

总结

---

前言

这段代码的意思是能够将具有length属性的arguments转换为数组

解析

【】创建数组

[] 数组,意思是创建一个空的数组对象

slice截取数组

slice()通过索引位置获取新的数组，该方法不会修改原数组，只是返回一个新的子数组。

• 作用：从原有的数组中选中特定的内容
• 参数：slice（n，m）：选中从索引n（包含n）开始---索引m的项（不包含m）
• 返回值：返回值是一个数组，返回的每一项是复制的项
• 是否改变原数组：不改变

例1：获取仅包含最后一个元素的子数组
var arr=[1,2,3,4,5];
arr.slice(-1);//[5]

例2：获取不包含最后一个元素的子数组
var arr=[1,2,3,4,5];
arr.slice(0, -1);//[1,2,3,4]

例3：获取包含 从第二个元素开始的所有元素的子数组
var arr=[1,2,3,4,5];
arr.slice(1);//[2,3,4,5]

slice底层实现就是使用循环实现的

var arr = [];
let arrayLike={
    0:'a',
    1:'b',
    2:'c',
    length:3
}
for (var i = 0; i < arrayLike.length; i++) {
    arr.push(arrayLike[i]);
}
console.log('原理=>',arr);
//等价写法
console.log('快捷=>',[].slice.call(arrayLike));

call改变this

在JavaScript中，每个函数对象都带有call()和apply()方法，即Function.prototype.call()和Function.prototype.apply()，这两个方法都是挂载在原型上的。

call() 方法使用一个指定的this值和单独给出的一个或多个参数来调用一个函数。

    let obj1 = {
        name: "张三",
        age: 24,
        user: function (args) {
            console.log("姓名：", this.name);
            console.log("年龄：", this.age);
            console.log("参数", args);
        }
    }
    let obj2 = {
        name: "李四",
        age: 30,
        user: function (args) {
            console.log("姓名：", this.name);
            console.log("年龄：", this.age);
            console.log("参数", args);
        }
    }
    // 正常的调用
    obj1.user('我是参数');


    // 改变this指向
    
    obj1.user.call(obj2, "我是参数"); // 使用call方法改变

 arguments类数组

arguments 是属于函数内部的变量，其值是函数参数列表，一个类数组对象,是具有长度属性的,却并不是数组,不具备slice()这个方法,那就意味着 arguments.slice()行不通

总结

slice方法内部实现，V8源码第587行，其基本原理就类似我们上面开头写的for循环遍历原数组，根据start和end的值再复制一份到新数组并返回。所以当我们使用[].slice.call(arguments)，slice方法内部的this就会被替换成arguments，并循环遍历arguments，复制到新数组返回，这样就得到了一个复制arguments类数组的数组对象。