javascript内置对象arguments详解

 这篇文章主要介绍了javascript内置对象arguments,实例讲解arguments是什么怎么用,需要的朋友可以参考下

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

时间: 2024-08-31 22:16:21

javascript内置对象arguments详解的相关文章

javascript内置对象arguments详解_基础知识

一.什么是argumentsarguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments对象.所以agruments对象对于javascript程序员来说是必需熟悉的.所有的函数都有属于自己的一个arguments对象,它包括了函所要调用的参数.他不是一个数组,如果用typeof arguments,返回的是'object'.虽然我们可以用调用数据的方法来调用arguments.比如length,还有

javascript内置对象操作详解_javascript技巧

1.indexOf() 方法 -----这个方法比较常用 返回某个指定的字符串值在字符串中首次出现的位置 使用格式:stringObject.indexOf(substring, startpos) 举个例子:寻找第二个o所在的位子 var mystr="Hello World!" document.write(mystr.indexOf("o",mystr.indexOf("o")+1));--------结果是:7 mystr.indexOf

asp 内置对象 Application 详解

asp内置对象 Application 详解  在 ASP 的内建对象中除了用于发送.接收和处理数据的对象外,还有一些非常实用的代表 Active Server 应用程序和单个用户信息的对象.  让我们先来看看 Application 对象.在同一虚拟目录及其子目录下的所有 .asp 文件构成了 ASP 应用程序.我们非但可以使用 Application 对象,在给定的应用程序的所有用户之间共享信息,并在服务器运行期间持久的保存数据.而且,Application 对象还有控制访问应用层数据的方法

asp 内置对象 Application 详解_ASP基础

asp内置对象 Application 详解  在 ASP 的内建对象中除了用于发送.接收和处理数据的对象外,还有一些非常实用的代表 Active Server 应用程序和单个用户信息的对象.  让我们先来看看 Application 对象.在同一虚拟目录及其子目录下的所有 .asp 文件构成了 ASP 应用程序.我们非但可以使用 Application 对象,在给定的应用程序的所有用户之间共享信息,并在服务器运行期间持久的保存数据.而且,Application 对象还有控制访问应用层数据的方法

ASP内置对象ObjectContext详解

object|对象|内置对象|详解     您可以使用 ObjectContext 对象提交或放弃一项由 Microsoft Transaction Server (MTS) 管理的事务,它由 ASP 页包含的脚本初始化.      ASP 包含 @TRANSACTION 指令时,该页会在事务中运行,直到事务成功或失败后才会终止.      语法   ObjectContext.method      方法   SetComplete SetComplete 方法声明脚本不了解事务未完成的原因.

ASP内置对象Application详解

application|对象|内置对象|详解 在 ASP 的内建对象中除了用于发送.接收和处理数据的对象外,还有一些非常实用的代表 Active Server 应用程序和单个用户信息的对象.    让我们先来看看 Application 对象.在同一虚拟目录及其子目录下的所有 .asp 文件构成了 ASP 应用程序.我们非但可以使用 Application 对象,在给定的应用程序的所有用户之间共享信息,并在服务器运行期间持久的保存数据.而且,Application 对象还有控制访问应用层数据的方

asp内置对象 ObjectContext 详解

您可以使用 ObjectContext 对象提交或放弃一项由 Microsoft Transaction Server (MTS) 管理的事务,它由 ASP 页包含的脚本初始化. ASP 包含 @TRANSACTION 指令时,该页会在事务中运行,直到事务成功或失败后才会终止. 语法 ObjectContext.method 方法 SetComplete SetComplete 方法声明脚本不了解事务未完成的原因.如果事务中的所有组件都调用 SetComplete,事务将完成. SetAbort

javascript 内置对象及常见API详细介绍_基础知识

一. 类与对象    在 JavaScript世界里,关于面向对象第一个要澄清的概念就是类.对象都是由类来定义的,通过类来创建对象就是我们所熟悉的实例化.然而,在 JavaScript中别没有真正的类,对象的定义就是对象自身.而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂.为了方便理解,我通常把这个发挥类的作用的调和剂称为类.    Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI

JavaScript内置对象

知识点: 1.Global对象 2.Math对象 java对内置对象的定义是:"由javaScript实现提供的.不依赖宿主环境的对象,这些对象在javaScript程序执行之前就已经存在了."意思就是说,开发人员不必显示地实例化内置对象:因为它们已经实例化了.java只定义了两个内置对象:Global和Math. 一.Global对象 Global(全局)对象是javaScript中一个特别的对象,因为这个对象是不存在的.在javaScript中不属于任何其他对象的属性和方法,都属于