亲宝软件园·资讯

展开

javascript内置对象arguments详解

人气:0

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

加载全部内容
相关教程
猜你喜欢
用户评论