ES6 中运行[].copyWithin.call({length: 5, 3: 1}, 0, 3);

copyWithin方法的功能

arr.copyWithin(target, start[, end = this.length])

将start到end之间指定的子元素复制到arr中target指定的开始位置,并返回arr,

var p=[1,2,3,4,5];
p.copyWithin(0,3); //[4,5,3,4,5]
console.log(p);//[4,5,3,4,5]

[1,2,3,4,5].copyWithin(1,3);
//[1,4,5,4,5]

[1,2,,4,5].copyWithin(0,1);
//[2, 2: 4, 3: 5, 4: 5]

copyWith方法指出

The copyWithin function is intentionally generic, it does not require that its this value be an Array object and in addition, copyWithin is a mutable method, it will change this object itself, and return it, not just return a copy of it.
copytWithin方法并不要求this对象值是一个Array对象,类数组对象也是可以的,它会修改自己,然后返回,而不是返回一个copy值
[].copyWithin.call({length: 5, 3: 1}, 0, 3); //{0:1,3:1,length:5}

[].copyWithin获取copyWithin函数对象
call为任何一个函数对象都有的方法
call方法的第1个参数为call方法运行的上下文,也就是我们经常遇到的函数调用时候的this

{length: 5, 3: 1}这个对象具有一个length属性,那么其就是一个类数组对象(鸭子模式),并且这个对象具有一个属性key为3的值。这个对象等价于一个”数组对象”
那么copyWithin方法在执行的时候读取类数组对象下标3到末尾的元素,赋值到指定位置.执行简化后的copyWithin代码如下

(function(objectLikeArray, targetIn,startIndex){
var target= targetIn;
for(var i= startIndex;i
    if(objectLikeArray.hasOwnProperty(i)){
      objectLikeArray[target]=objectLikeArray[i];
    }else{
      delete objectLikeArray[target]
    }
    target++;
}
return objectLikeArray;
}({length: 5, 3: 1},0,3));

练习一下:

[].copyWithin.call({length: 5, 4: 1}, 0, 4);
//{"0":1,"4":1,"length":5}
[].copyWithin.call({length: 5, 3: 1}, 0, 2);
// {"1":1,"3":1,"length":5}
[].copyWithin.call({length: 8, 6: 10}, 1, 3)
//{"4":10,"6":10,"length":8}

原文链接:https://segmentfault.com/q/1010000004571952/a-1020000004572784/revision

你可能感兴趣的:(ES6)