什么是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虽然不是经常用到,有点古怪,但是,它充满了惊喜,非常值得我们去了解 。

原文地址:arguments : A JavaScript Oddity

javascript arguments(转)的更多相关文章

  1. javascript arguments解释,实现可变长参数。

    在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢? 一.可变长参数 arguments是非常好的解决方法,一直不知道javascript有这个东西. 先来看看应用场景,使用 ...

  2. javascript arguments与javascript函数重载

    1.所 有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数.他不是一个数组,如果用typeof arguments,返回的是’object’.虽然我们可以用调用数据的方法来调用 ...

  3. Javascript arguments详解

    今天我们来看看arguments对象及属性.arguments对象不能显式创建,arguments对象只有函数开始时才可用.函数的 arguments 对象并不是一个数组,访问单个参数的方式与访问数组 ...

  4. javascript arguments

    此文为转载文章: 什么是arguments arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments ...

  5. Javascript Arguments,calle,caller,call,apply

    一.Arguments 该对象代表正在执行的函数和调用他的函数的参数. [function.]arguments[n] 参数function :选项.当前正在执行的 Function 对象的名字. n ...

  6. javascript Arguments对象——函数的实际参数

    在javascript函数体内,标识符arguments具有特殊含义.它是调用对象的一个特殊属性,用来引用Arguments对象.Arugments对象就像数组,注意这里只是像并不是哈. javasc ...

  7. JavaScript arguments类数组

    1. 什么是类数组 arguments 是一个类数组对象.代表传给一个function的参数列表.  我们来传一个实例. function printArgs() { console.log(argu ...

  8. javascript arguments介绍

    来源于: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments https://g ...

  9. JavaScript arguments对象

    1.在JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性.arguments非常类似Array,但实际上又不是一个Array实例.可以通过如下代码得以证 ...

随机推荐

  1. ExtJS 4.2 Grid组件的单元格合并

    ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid ...

  2. InnoDB关键特性学习笔记

    插入缓存 Insert Buffer Insert Buffer是InnoDB存储引擎关键特性中最令人激动与兴奋的一个功能.不过这个名字可能会让人认为插入缓冲是缓冲池中的一个组成部分.其实不然,Inn ...

  3. MyEclipse生成注册码

    今天正在使用的MyEclipse出现了使用过期,在网上发现一个可以生成注册码的程序,现在分享给各位. /** * myEclipse生成注册码 * 点击顶部:MyEclipse --> subs ...

  4. .net windows Kafka 安装与使用入门(入门笔记)

    完整解决方案请参考: Setting Up and Running Apache Kafka on Windows OS   在环境搭建过程中遇到两个问题,在这里先列出来,以方便查询: 1. \Jav ...

  5. Unity3D框架插件uFrame实践记录(二)

    5.创建属性和命令 本小节主要内容包括: 在Element节点上创建属性数据 在Element节点上创建命令数据 5.1.在Element节点上创建属性数据 在这里,我们首先为Login节点中的属性( ...

  6. MSYS2——Windows平台下模拟linux环境的搭建

    最近从MSYS1.0迁移到了MSYS2.0,简单讲,MSYS2.0功能更强大,其环境模拟更加符合linux.虽然本身来自cygwin,但其集成了pacman软件管理工具,很有linux范,并且可以直接 ...

  7. SQL 约束

    先用设计器创建约束.再用代码创建约束.数据库约束是为了保证数据的完整性(正确性)而实现的一套机制见文件Employee.sql非空约束(选择复选框)主键约束(PK) primary key const ...

  8. Mysql - 触发器/视图

    触发器在之前的项目中, 应用的着实不多, 没有办法的时候, 才会去用这个. 因为这个东西在后期并不怎么好维护, 也容易造成紊乱. 我最近的项目中, 由于数据库设计(别人设计的)原因, 导致一些最简单功 ...

  9. Java中的进程与线程(总结篇)

    详细文档: Java中的进程与线程.rar 474KB 1/7/2017 6:21:15 PM 概述: 几乎任何的操作系统都支持运行多个任务,通常一个任务就是一个程序,而一个程序就是一个进程.当一个进 ...

  10. 全球HTTPS时代已来,你跟上了吗?

    全球HTTPS时代已来,你跟上了吗? 互联网发展20多年,大家都习惯了在浏览器地址里输入HTTP格式的网址.但前两年,HTTPS逐渐取代HTTP,成为传输协议界的"新宠". ​ 早 ...