目录
这段代码的意思是能够将具有length属性的arguments转换为数组
[] 数组,意思是创建一个空的数组对象
slice()通过索引位置获取新的数组,该方法不会修改原数组,只是返回一个新的子数组。
- 例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));
在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 是属于函数内部的变量,其值是函数参数列表,一个类数组对象,是具有长度属性的,却并不是数组,不具备slice()这个方法,那就意味着 arguments.slice()行不通
slice方法内部实现,V8源码第587行,其基本原理就类似我们上面开头写的for循环遍历原数组,根据start和end的值再复制一份到新数组并返回。所以当我们使用[].slice.call(arguments),slice方法内部的this就会被替换成arguments,并循环遍历arguments,复制到新数组返回,这样就得到了一个复制arguments类数组的数组对象。