Array.prototype.slice.call(nodeList)这个语句不太明白

Array.prototype.slice.call(nodeList)这个语句不太明白

这个语句不是很明白,可以详细解析一下吗。call不是之前的继承吗,slice不是返回选定元素吗,拼在一起理解的很乱

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
卡布琦诺 2017-10-17 16:24:38

首先,理解一下NodeList对象,NodeList对象是一个节点的集合,一般是由Node.childNodes和document.querySelectorAll返回的

注意,NodeList对象不是一个数组,因此并没有数组拥有的一些方法,比如forEach和map等,普通数组的原型链是:

myArray --> Array.prototype --> Object.prototype --> null

(想要获得一个对象的原型链,可以连续调用Object.getPrototypeof,直到返回null,即原型链的尽头)

而NodeList的原型链是:

myNodeList --> NodeList.prototype --> Object.prototype --> null

那么,如何将NodeList转换为Array?可以通过:

Array.prototype.slice.call(myNodeList);

例子:

var list = document.querySelectorAll('div');

var array = Array.prototype.slice.call(list);

该方法也可以用来处理参数,例子:

function test(a, b, c, d){ var arg = Array.prototype.slice.call(arguments, 1); alert(arg); }

test(1, 2, 3, 4);  //2, 3, 4

其实这样写就类似于arguments.slice(1),只是因为arguments并不是一个数组对象,只是个类数组而已,并没有slice这个方法,而上述的方法是将arguments转换成一个数组对象,让arguments具有slice方法。

希望可以帮到你~


  • slice不是截取字符串吗,它不是string对象的方法吗,为什么array也可以用
    2018-04-07 23:24:28
  • slice() 方法是返回一个从开始到结束(不包括结束)选择的数组的一部分,拷贝到一个新数组对象,且原始数组不会被修改。
    2018-04-08 10:15:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
进击JavaScript核心 2018
  • 参与学习       466    人
  • 提交作业       74    份
  • 解答问题       635    个

JavaScript不仅能实现静态页面到动态特效的转变,还能完成数据的动态交互,但是关于js到底功能有多强大,大家还是有所期待的,本路径将带你深入到js中,一一揭开JavaScript的神秘面纱。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师