浅谈javascript的Array.prototype.slice.call

接下来我将详细讲解“浅谈JavaScript的Array.prototype.slice.call”的完整攻略。

首先，我们来了解一下Array.prototype.slice.call的含义。

在JavaScript中，Array.prototype.slice.call()是指将一个类数组对象或可遍历对象(如 DOM NodeList对象)转换成一个真正的数组。这个方法的常见用途是将类数组对象(比如arguments对象)转换成真正的数组，便于我们对其进行数组操作。我们可以通过以下步骤实现：

1. 理解Array.prototype.slice.call的作用

当我们将类数组对象传入Array.prototype.slice.call()方法时，其实是在调用Array对象原型中的slice方法，这个方法只是简单地返回一个包含传入对象所有元素的新数组。将该方法的执行上下文和类数组对象作为slice方法的参数即可。

1. 借用Array对象原型中的slice方法

借用slice方法能帮助我们将类数组对象转换成真正的数组。在slice方法的执行环境中，this指向类数组对象，通过调用apply方法使slice方法继承了Array中的slice方法，返回一个新的数组，该数组包含所有从类数组对象中拷贝而来的元素。

下面给出两个示例说明：

示例1：

function test() {
  var argArr = Array.prototype.slice.call(arguments); // 将arguments对象转换为真正的数组
  console.log(argArr);
} 
test(1, 2, 3); // 输出[1, 2, 3]

在这个示例中，我们通过Array.prototype.slice.call()方法将arguments对象转换成了真正的数组。然后将其输出打印到控制台。执行结果是[1, 2, 3]。

示例2：

var nodeList = document.querySelectorAll('div');
var arr = Array.prototype.slice.call(nodeList); // 将类似数组的NodeList对象转换成真正的数组

console.log(Array.isArray(arr)); // true 
console.log(arr.length); // 输出 node list中包含节点的个数

在这个示例中，我们使用了Array.prototype.slice.call()方法将类数组的NodeList对象转换成一个真正的数组。然后我们使用了isArray()方法判断arr是否为真正的数组。最后我们输出了数组的长度。

通过以上的两个示例说明，相信你已经了解了Array.prototype.slice.call()的具体作用，以及使用步骤。