将函数的实际参数转换成数组的方法


Posted in Javascript onJanuary 25, 2010

值得庆幸的是,我们可以通过数组的 slice 方法将 arguments 对象转换成真正的数组:
var args = Array.prototype.slice.call(arguments);
对于slice 方法,ECMAScript 262 中 15.4.4.10 Array.prototype.slice (start, end) 章节有备注:

The slice function is intentionally generic; it does not require that its this value be an Array object. Therefore it can be transferred to other kinds of objects for use as a method. Whether the slice function can be applied successfully to a host object is implementation-dependent.

《Pro JavaScript Design Patterns》(《JavaScript 设计模式》)的作者 Dustin Diaz 曾指出:

instead of… 
var args = Array.prototype.slice.call(arguments); // 怿飞注:下称方法一 
do this… 
var args = [].slice.call(arguments, 0); // 怿飞注:下称方法二

但二者的性能差异真的存在吗?经过个人简单测试发现:

在 arguments.length 较小的时候,方法二性能上稍有一点点优势,而在arguments.length 较大的时候,方法一却又稍有优势。

最后附上方法三,最老土的方式:

var args = []; 
for (var i = 1; i < arguments.length; i++) { 
args.push(arguments[i]); 
}

不过对于平常来说,个人建议还是使用第二种方法,但任何解决方案,没有最好的,只有最合适:
var args = [].slice.call(arguments, 0); 
理由有二:

一般的函数的 arguments.length 都在 10 以内,方法二有优势;
方法二的代码量上也比第一种少,至少可以减小一点字节 ^^

如何将 NodeList (比如:document.getElementsByTagName('div'))转换成数组呢?

解决方案简单如下:

function nodeListToArray(nodes){ 
var arr, length; 
try { 
// works in every browser except IE 
arr = [].slice.call(nodes); 
return arr; 
} catch(err){ 
// slower, but works in IE 
arr = []; 
length = nodes.length; 
for(var i = 0; i < length; i++){ 
arr.push(nodes[i]); 
} 
return arr; 
} 
}

为什么 IE 中 NodeList 不可以使用 [].slice.call(nodes) 方法转换呢?
In Internet Explorer it throws an error that it can't run Array.prototype.slice.call(nodes) because a DOM NodeList is not a JavaScript object.
Javascript 相关文章推荐
javascript检测浏览器的缩放状态实现代码
Sep 28 Javascript
jquery实现动态操作select选中
Feb 11 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
Aug 25 Javascript
JS仿Base.js实现的继承示例
Apr 07 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
May 17 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
mpvue小程序循环动画开启暂停的实现方法
May 15 Javascript
微信小程序如何使用云开发
May 17 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
基于vue实现微博三方登录流程解析
Nov 04 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
javascript中利用数组实现的循环队列代码
Jan 24 #Javascript
document.getElementById为空或不是对象的解决方法
Jan 24 #Javascript
JavaScript 未结束的字符串常量常见解决方法
Jan 24 #Javascript
php gethostbyname获取域名ip地址函数详解
Jan 24 #Javascript
setTimeout与setInterval在不同浏览器下的差异
Jan 24 #Javascript
js 模拟实现类似c#下的hashtable的简单功能代码
Jan 24 #Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 #Javascript
You might like
解析如何在PHP下载文件名中解决乱码的问题
2013/06/20 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
php查询ip所在地的方法
2014/12/05 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
2015/08/27 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
vue移动端实现下拉刷新
2018/04/22 Javascript
前端开发之便利店收银系统代码
2019/12/27 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
Python做文本按行去重的实现方法
2016/10/19 Python
详解Python的三种可变参数
2019/05/08 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Python批量安装卸载1000个apk的方法
2020/04/10 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
基于Python爬取京东双十一商品价格曲线
2020/10/23 Python
Python 利用flask搭建一个共享服务器的步骤
2020/12/05 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
html5 利用canvas实现超级玛丽简单动画
2013/09/06 HTML / CSS
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
贝玲妃美国官方网站:Benefit美国
2016/08/28 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
如何为DataGridView添加一个定制的Column Type
2014/01/21 面试题
秦兵马俑教学反思
2014/02/07 职场文书
幼儿园中秋节活动反思
2014/02/16 职场文书
考博专家推荐信
2014/05/10 职场文书
民政局个人整改措施
2014/09/24 职场文书
2015年信访维稳工作总结
2015/04/07 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
Python实现照片卡通化
2021/12/06 Python