`

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

 原文地址:arguments : A JavaScript Oddity

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    理解Javascript函数形式参数与arguments

    理解Javascript函数形式参数与arguments 在JavaScript中,函数的形式参数和arguments之间存在着微妙的关系。为了深入理解这方面的知识,我们需要首先了解形式参数和实际参数的概念。形式参数指的是定义方法时所明确...

    【JavaScript源代码】JavaScript中arguments的使用方法详解.docx

    JavaScript中的`arguments`对象是一个非常重要的特性,尤其在处理不确定数量的函数参数时。它不是一个真正的数组,但具有数组类似的行为,允许我们访问函数调用时传入的所有参数。在这个文档中,我们将深入探讨`...

    javascript arguments使用示例

    在JavaScript中,`arguments`对象是一个非常重要的特性,它允许我们在函数内部访问到所有传递给该函数的实际参数,而不仅仅是那些在函数定义时声明的形式参数。`arguments`不是一个真正的数组,但它具有类似于数组的...

    JavaScript arguments 多参传值函数

    JavaScript中的`arguments`对象是一个非常实用的特性,它允许开发者在函数内部访问到所有传入的参数,即使这些参数没有在函数定义时被命名。这个对象实际上是一个类数组对象,这意味着它具有length属性以及可以通过...

    javascript内置对象arguments详解

    JavaScript中的内置对象arguments是一个特别的对象,它是一个类数组对象,存在于所有JavaScript函数中。它主要用来存储传递给函数的参数,这些参数被称为函数的“实参”。虽然arguments对象包含了传递给函数的所有...

    JavaScript arguments.callee作用及替换方案详解

    JavaScript中的`arguments.callee`是一...总的来说,尽管`arguments.callee`曾经在JavaScript中扮演了重要的角色,但出于性能和兼容性的考虑,开发者应该尽量避免使用它,转而采用更现代和高效的技术来实现相同的功能。

    javascript利用apply和arguments复用方法

    JavaScript中的`apply`和`arguments`对象是两个非常重要的特性,它们在函数复用和处理动态参数时起着关键作用。本文将详细讲解这两个概念及其在复用方法中的应用。 `apply`是JavaScript中Function对象的一个方法,...

    arguments对象的使用

    在JavaScript编程语言中,`arguments`对象是一个非常重要的特性,特别是在处理函数参数时。它不是一个真正的数组,而是一个类数组对象,提供了访问函数调用时传递的所有参数的途径。无论函数定义了多少个形式参数...

    javascript中arguments,callee,caller详解

    arguments是什么? arguments是函数调用时,创建的一个类似的数组但又不是数组的对象,并且它存储的是实际传递给函数的参数,并不局限于函数声明的参数列表哦。 尼玛,什么意思? 写个demo看看,代码见下 <!...

    javaScript arguments 对象使用介绍

    JavaScript中的`arguments`对象是一个非常实用的特性,它允许函数接收任意数量的参数,而不仅仅是预先定义好的。在JavaScript函数内部,`arguments`对象提供了一种访问这些参数的方法,无论函数声明时指定了多少参数...

    JS:arguments

    ### JavaScript中的`arguments`对象详解 在JavaScript编程中,`arguments`对象是一个非常有用的特性,尤其是在处理函数调用时不确定参数数量的情况下。虽然它不是ECMAScript标准的一部分,但所有主流浏览器都支持这...

    简单谈谈Javascript函数中的arguments

    JavaScript中的`arguments`对象是一个非常特别的内置对象,它在每个函数内部都存在,用于存储函数调用时传入的所有参数。尽管`arguments`看起来像是一个数组,但实际上它并不是一个真正的数组,而是一个类数组对象。...

    Javascript中arguments用法实例分析

    在JavaScript中,arguments是一个类数组对象,它在函数体内可用,包含了传递给函数的所有参数。通过使用arguments对象,开发者可以不必显式地声明所有参数,而且可以处理任意数量的参数。这在JavaScript中模拟方法...

    javascript下利用arguments实现string.format函数

    sitepoint上看到Andrew Tetlaw在08年写的文章arguments: A JavaScript Oddity,阅读之后,除了对arguments温故知新一遍以外,印象最深刻的还是Andrew的第一个函数实现的string.format功能。

    Javascript中arguments和arguments.callee的区别浅析

    在JavaScript中,`arguments` 和 `arguments.callee` 都是与函数参数相关的特殊对象,但它们的作用和用途略有不同。下面将详细解释这两个概念及其区别。 `arguments` 对象是一个类数组对象,它包含了函数调用时传入...

    Javascript中函数名.length属性用法分析(对比arguments.length)

    而在JavaScript中,还有一个与之类似的arguments对象,其中包含了一个.length属性,用于获取在函数调用时实际传入的参数数量。接下来,我们将具体分析这两种.length属性在实际应用中的区别和用法。 函数名.length...

    Javascript中arguments对象的详解与使用方法

    ECMAScript中的函数并不介意传递的参数有多少,也不介意是什么类型。由于JavaScript允许函数有不定数目的参数,所以我们需要一种机制,可以在 函数体内 ...这篇文章将详细介绍Javascript中的arguments对象和使用方法。

    前端开源库-arguments-extended

    "arguments-extended"就是一个这样的开源库,专为处理JavaScript中的`arguments`对象提供了一系列实用方法,旨在增强参数操作的灵活性和便利性。 `arguments`对象在JavaScript中是一个特殊的对象,它在函数内部可用...

    JavaScript的arguments对象应用示例

    JavaScript中的arguments对象是函数内预定义的一个类数组对象,它包含了传递给函数的所有参数值。尽管在现代JavaScript开发中,ES6引入了更灵活的参数处理方式,如rest参数和默认参数,但在学习和理解JavaScript时,...

    javascript 浏览器判断 绑定事件 arguments 转换数组 数组遍历

    在JavaScript编程中,有几个关键概念和技术点在标题和描述中被提及:浏览器判断、绑定事件、`arguments`对象转换为数组以及数组遍历。这些是JavaScript开发中的基础但至关重要的部分,下面将逐一进行详细解释。 1. ...

Global site tag (gtag.js) - Google Analytics