[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