首页 > 代码库 > 【笔记】js Array.prototype.slice.call(arguments) 将函数的参数转换为数组方法的见解
【笔记】js Array.prototype.slice.call(arguments) 将函数的参数转换为数组方法的见解
我们知道函数里面的参数实际上是一个以数组形式储存的对象 但它并非一个数组
如果我们要将它转换为数组可以调用Array.prototype.slice() 这个方法
分析一下这个方法:
Array.prototype:Array其实一个类名,但是调用类里面的方法只能够通过类的实例对象调用所以这里用了 Array.prototype 通过它自身的原型对象调用
其次是slice():这个是Array类里面的一个方法功能是截取数组里面的某一部分内容,它接收两个参数slice(‘数组下标起始位置‘,‘数组下标结束位置‘)
call()方法:把某一方法放到另外一个执行环境里面执行,此方法也是有两个参数call(‘执行环境‘,‘为调用的方法传参(可忽略)‘)
好了再看看实例:
function convertToArray(nodes){ var arr = null; //兼容ie try{ arr = Array.prototype.slice.call(nodes,0); //因为 slice是 array类的方法 //而传进来的参数是一个 DOM对象的数组 //所以通过call 方法把 array类的方法放到这个对象里面执行 //call 的第二个参数是表示向被调用的方法传进参数 //这里的0 表示从index为0的地方开始 }catch(ex){ arr = new Array(); for (var i = 0; i < nodes.length; i++) { arr.push(nodes[i]); } } return arr; }
这是高程里面的一个例子:通过一个函数传进一个childNodes的实例对象,然后将这个子元素模型的对象转换成数组
childNodes属性都包含一个NodeList对象,NodeList是一种类数组对象保存一组有序节点,可以通过位置访问这些节点元素
为了兼容ie<9 子类是以COM对象来的我们不能像使用JScript对象那样使用这种对象,所以在catch里面我们通过for遍历childNodes 属性里面的 NodeList对象 并实例化一个array 保存这些遍历出来的节点元素
【笔记】js Array.prototype.slice.call(arguments) 将函数的参数转换为数组方法的见解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。