[js] Array.slice和类数组转数组

a.call(b) 相当于把a方法放到b的原型上(实例私有方法)执行

Array.slice的用途

https://juejin.im/post/5b20b8596fb9a01e8d6a47c0

用法一：

slice方法用于提取目标数组的一部分，返回一个新数组，原数组不变。

//取数组切片
arr.slice(start, end);

var arr = [0,1,2];
var arr2 = arr.slice(); // 相当于复制一份,[0,1,2]
var arr3 = arr.slice(0); // 相当于复制一份,[0,1,2]

用法二：

slice方法的一个重要应用，是将类似数组的对象转为真正的数组。

Array.prototype.slice.call({ 0: 'a', 1: 'b', length: 2 })
// ['a', 'b']

Array.prototype.slice.call(document.querySelectorAll("div"));
Array.prototype.slice.call(arguments);

var a = function(){
     console.log(this);                      // 'littledu'
     console.log(typeof this);               //  object, 是String类的一个实例
     console.log(this instanceof String);    //  true
};
a.call('littledu');
console.log(typeof new String('littledu'));

Array.prototype.slice.call原理

https://www.cnblogs.com/littledu/archive/2012/05/19/2508672.html

var a={length:2,0:'first',1:'second'};
Array.prototype.slice.call(a);//  ["first", "second"]

var a={length:2};
Array.prototype.slice.call(a);//  [undefined, undefined] //slice放到a环境里执行

Array.slice实现原理

我们可以大胆猜一下slice的内部实现

Array.prototype.myslice = function (start, end) {
    var result = new Array();
    start = start || 0;
    end = end || this.length; //this指向调用的对象，当用了call后，能够改变this的指向，也就是指向传进来的对象，这是关键
    for (var i = start; i < end; i++) {
        result.push(this[i]);
    }
    return result;
};

var arr = [0, 1, 2, 3];
console.log(arr.myslice(1, 3));
console.log(arr.slice(1, 3));

另参考: https://juejin.im/post/5a5a201f5188257345017af1