javascript内置对象arguments详解


Posted in Javascript onMarch 16, 2014

一、什么是arguments
arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以agruments对象对于javascript程序员来说是必需熟悉的。
所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数。他不是一个数组,如果用typeof arguments,返回的是'object'。虽然我们可以用调用数据的方法来调用arguments。比如length,还有index方法。但是数 组的push和pop对象是不适用的。
二、创建一个灵活的函数
看起来貌似argument对象使用起来十分有限,但是实际上它是一个非常有用的对象。你可以通过使用argument对象让函数能够调用数量不定 的参数。在Dean Edwards的base2库里有个格式化的函数,展示了这个灵活性。

function format(string) {   
  var args = arguments;   
  var pattern = new RegExp(“%([1-" + arguments.length + "])”, ”g”);   
  return String(string).replace(pattern, function(match, index) {   
    return args[index];   
  });   
};

我们提供了一个模板字符串,你可以用”%1”到“%9”给返回值添加一个占位符。然后提供给九个其他参数插入。

format(“And the %1 want to know whose %2 you %3″, ”papers”, ”shirt”, ”wear”);

上面的代码将返回:And the papers want to know whose shirt you wear" .
有件事情我们需要注意下,在定义函数的时候,我们只规定了一个参数,string。Javascript允许我们传递任何数量的参数到一个函数里,不管怎么定义这个函数。Arguments对象对这些都是允许的。
三、把arguments对象转换成一个真正的数组
虽然arguments对象不是一个真正的javascript数组,但是我们还是可以轻易的把它转换成标准的数据 ,然后进行数组操作。
var args = Array.prototype.slice.call(arguments);

那么现在这个变量args就含有一个含有函数所有参数的标准javascript数组对象。
四、通过预置的arguments对象创建函数
Arguments对象允许我们去执行所有类型的javascript方法。这边附上一个makeFunc函数的定义。这个函数允许我们去提供一个函数引用和这个函数的所有参数。他将返回一个匿名函数去调用你规定的函数,也提供了匿名函数调用时所附带的参数。
function makeFunc() {   
  var args = Array.prototype.slice.call(arguments);   
  var func = args.shift();   
  return function() {   
    return func.apply(null, args.concat(Array.prototype.slice.call(arguments)));   
  };   
}

第一个argument对象给makeFunc提供了你想调用的函数的引用。他是从arguments数组里移除的。然后makeFunc返回了一个匿名函数去运行规定的方法。
第一个应用的argument指向了函数调用的范围,主要是函数内部关键部分所指向的。我们先保持这个为null。第二个arguments是一个 数组,会为这个函数转变为arguments对象。makeFunc把原始的数组值串联到arguments对象里提供给匿名函数和所调用函数的数组。
你需要输出一个模板总是相同的位置,这样就可以不用总是在每次引用模板的时候调用format函数。你可以使用makeFunc的通用功能去返回可以调用format然后自动补充模板的函数。

var majorTom = makeFunc(format, ”This is Major Tom to ground control. I'm %1.”);

你可以像这样调用majorTom函数:

majorTom(“stepping through the door”);   
majorTom(“floating in a most peculiar way”);

每一次你调用majorTom,它会同时调用format函数和第一个argument,已经写好的模板。那么将返回
“This is Major Tom to ground control. I'm stepping through the door.”   
“This is Major Tom to ground control. I'm floating in a most peculiar way.”

五、创建引用自身的函数
你可能觉得这样很酷,不过,arguments还有更多的惊喜。他还有其他有用的特性:callee方法 。Arguments.callee包括了一个函数的引用去创建一个argument对象。那么该如何使用呢?
Arguments.callee方法能让一个匿名函数很方便的指向本身。
Repeat是一个承载了一个函数引用和两个数字的函数。第一个数字是函数调用几次,第二个数字是每个调用的间隔时间,单位是毫秒。
function repeat(fn, times, delay) {   
  return function() {   
    if(times? > 0) {   
      fn.apply(null, arguments);   
      var args = Array.prototype.slice.call(arguments);   
      var self = arguments.callee;   
      setTimeout(function(){self.apply(null,args)}, delay);   
    }   
  };   
}

Repeat函数使用了arguments.callee方法从变量self去获取一个引用,指向运行原始指令的函数。这样,匿名函数就可以再次调用本身。
我有一段超级简介的函数,承载了一个字符串和执行alert方法。

function comms(s) {   
  alert(s);   
} 

然而,我想创建一个特殊的版本,通过这个版本我可以重复这个动作三次,每次间隔2秒钟。那么,我们可以

var somethingWrong = repeat(comms, 3, 2000);   
somethingWrong(“Can you hear me, major tom?”);

调用了somethingWrong函数的结果就是复这个动作三次,每次alert间隔2秒钟。
Arguments虽然不是经常用到,有点古怪,但是,它充满了惊喜,非常值得我们去了解 。
Javascript 相关文章推荐
javascript 全等号运算符使用说明
May 31 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
localStorage实现便签小程序
Nov 28 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
vue 实现剪裁图片并上传服务器功能
Mar 01 Javascript
Node.js引入UIBootstrap的方法示例
May 11 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
解决vue中axios设置超时(超过5分钟)没反应的问题
Sep 04 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 Javascript
javascript跨浏览器的属性判断方法
Mar 16 #Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
Mar 16 #Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 #Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 #Javascript
JavaScript表单通过正则表达式验证电话号码
Mar 14 #Javascript
JavaScript运行时库属性一览表
Mar 14 #Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 #Javascript
You might like
PHPMailer安装方法及简单实例
2008/11/25 PHP
php中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
php接口和抽象类使用示例详解
2014/03/02 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JS重要知识点小结
2011/11/06 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
JS正则验证邮箱的格式详细介绍
2013/11/19 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
jQuery Ajax调用WCF服务详细教程
2015/03/31 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
原生js的数组除重复简单实例
2016/05/24 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
JavaScript 处理树数据结构的方法示例
2019/06/16 Javascript
[06:35]2014DOTA2国际邀请赛 老男孩梦圆西雅图中国军团世界最强
2014/07/22 DOTA
Python实现的字典值比较功能示例
2018/01/08 Python
Python实现判断字符串中包含某个字符的判断函数示例
2018/01/08 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Python面向对象之类和对象属性的增删改查操作示例
2018/12/14 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
Python facenet进行人脸识别测试过程解析
2019/08/16 Python
对Tensorflow中tensorboard日志的生成与显示详解
2020/02/04 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
澳大利亚领先的宠物用品商店:VetSupply
2017/09/08 全球购物
什么是重载?CTS、CLS和CLR分别做何解释
2012/05/06 面试题
家长通知书教师评语
2014/04/17 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
教师群众路线教育实践活动学习笔记
2014/11/05 职场文书
爱心捐款活动总结
2015/05/09 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书