Array.prototype.slice.call 和 slice以及call

 单独的简单介绍，后续再补上一些资料.　　

 对象转换为数组.

/**
 * slice : 数组->slice(截取)
 * 参数有两个，开始截取和结束截取，并返回原数组：
 * a.slice(1) || a.slice(1,3) => a.slice(start) || a.slice(start,[end])
 * 
 */
var a = [1, 5, 7, 8, 9];
var b = a.slice(1, 3);
// console.log(b);


/**
 * call：对象->call()
 * 源于：MDN示例 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/call
 * 语法：function.call(thisArg, arg1, arg2, ...)
 * 参数：
 *  thisArg 可选的。注意，this可能不是方法看到的实际值：如果方法是非严格模式下的函数，null并且undefined将被全局对象替换，则原始值将被转换为对象。
 *  arg1, arg2, ...可选的。函数的参数。
 * 描述：
 *  该call()允许函数/方法属于被分配并要求一个不同的对象一个对象。
 *  call() 为 函数/方法提供了这个新值。使用  call，您可以编写一次方法，然后在另一个对象中继承它，而不必重写新对象的方法。
 */
function product(name, price) {
    this.name = name;
    this.price = price;
}

function food(name, price) {
    product.call(this, name, price);
}

console.log(new food('cheese', 6).name, 'food函数，成功调用起product的函数');


// function disInfo() {
//     console.log('恭喜你成功调用起call!~');
// }
// console.log(disInfo.call())



function toArray() {
    return [].slice.call(arguments);
    // return [].slice.call(arguments,0);
    // return Array.prototype.slice.call(arguments);
}
console.log(toArray(1, 3, 5, 6, 7));


/**
 * Array.prototype.slice.call(arguments)能将具有length属性的对象转成数组
 */

var obj = {
    length: 3,
    0: 'a',
    1: 'b',
    2: 'c'
}

var obj_1 = {
    0: 'a',
    1: 'b',
    2: 'c'
}

console.log(obj.length)

 

ES6写法：

//  ES6新出的方法,必须要求提供其长度，才能正确换为数组
let arrayLike = { 
    '0': 'a',
    '1': 'b', 
    '2': 'c', 
    length: 3 
};
console.log(Array.from(arrayLike));