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

转载于:https://www.cnblogs.com/xingmeng/p/3243046.html

javascript arguments(转)相关推荐

  1. JavaScript arguments对象

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

  2. javascript(arguments)

    事出有因 今天去做了金山网络招聘实习生的试卷,有一道题目确实让我有点在当时不太肯定,毕竟自己的脑袋还不是javascript解析器,然后回来就打开chrome的控制台,执行后就认为自己要去总结这个知识 ...

  3. javascript arguments

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

  4. JavaScript学习系列3 -- JavaScript arguments对象学习

    在实际项目开发中,目前还是很少使用到JavaScript 中的arguments对象,那么它到底是干什么用的呢 arguments是JavaScript中的一个类数组对象,它代表传给一个正在执行的函数 ...

  5. JavaScript -- arguments、apply 、call、bind

    前言 笔记来源:JavaScript 高级程序设计 笔记内容:apply .call.bind 相同点与不同点 运行环境:浏览器环境 arguments ECMAScript 中的参数在内部是用一个数 ...

  6. javascript arguments对象研究--针对jquery源码研究再研究

    外部插件: $.fn.tinytip = function(text, customOptions) {     debugger;         if (text && typeo ...

  7. javascript arguments 特殊 对象

    在函数代码中,使用特殊对象arguments,开发者无需明确指出参数名,就能访问它们, arguments对象:在函数执行时函数内部就会有arguments对象,它包含了所有的参数,arguments ...

  8. javascript下的arguments,caller,callee,call,apply示例及理解

    在看到大家如此关注JS里头的这几个对象,我试着把原文再修改一下,力求能再详细的阐明个中意义.在提到上述的概念之 前,首先想说说javascript中函数的隐含参数:arguments Argument ...

  9. JavaScript中函数里的arguments属性

    <!DOCTYPE html> <html lang="en">     <head>         <meta charset=&qu ...

最新文章

  1. [批处理]截取for命令里面的变量%%i
  2. 官方确认:新增一所“双一流”大学
  3. python捕获所有异常状态_如何在scrapy中捕获并处理各种异常
  4. 【数字全排列】LeetCode 60. Permutation Sequence
  5. JavaScript:屏蔽浏览器右键点击事件
  6. 第一课 Delphi7完全自学教程
  7. Java中JCP, JEP, JLS, JSR是什么
  8. 网友发给我一个游戏钓鱼网站,我用python渗透了该网站所有信息!
  9. Spring Cloud 集成 euraka-server 和 euraka-client
  10. ATmega128定时器
  11. 安卓zip解压软件_破解软件之“安卓压缩包zip或rar密码破解(116位数任意破)”...
  12. 抖音:技术优化打造最佳创作体验
  13. VB中数组的大小排序解析
  14. 工作杂谈:由IT行业技术变革 谈当今技术趋势
  15. 网络表示学习(Graph Embedding)简述
  16. 2018_WWW_DKN- Deep Knowledge-Aware Network for News Recommendation阅读笔记
  17. 从四个维度谈谈如何做好团队管理
  18. linux(xshell的安装与使用)
  19. 计算机网络概念基础——分组交换
  20. 通识,修 还是不修?——多选一门通识课对绩点影响几何?

热门文章

  1. java.lang.IllegalStateException: Unable to read meta-data for class 问题的解决
  2. 如何在jQuery中发送PUT / DELETE请求?
  3. RabbitMQ的入门程序test测试代码
  4. python怎么七个数字一换行_python中怎么换行?
  5. json 插入数据_让繁琐的工作自动化——python处理JSON文件
  6. 找出数组的最大公约数
  7. 洛谷——P1568 赛跑
  8. 洛谷——P1304 哥德巴赫猜想
  9. 实验2-2-2 计算摄氏温度 (10 分)
  10. 天梯—奇偶分家(C语言)