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虽然不是经常用到,有点古怪,但是,它充满了惊喜,非常值得我们去了解 。
转载于:https://www.cnblogs.com/xingmeng/p/3243046.html
javascript arguments(转)相关推荐
- JavaScript arguments对象
1.在JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性.arguments非常类似Array,但实际上又不是一个Array实例.可以通过如下代码得以证 ...
- javascript(arguments)
事出有因 今天去做了金山网络招聘实习生的试卷,有一道题目确实让我有点在当时不太肯定,毕竟自己的脑袋还不是javascript解析器,然后回来就打开chrome的控制台,执行后就认为自己要去总结这个知识 ...
- javascript arguments
此文为转载文章: 什么是arguments arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments ...
- JavaScript学习系列3 -- JavaScript arguments对象学习
在实际项目开发中,目前还是很少使用到JavaScript 中的arguments对象,那么它到底是干什么用的呢 arguments是JavaScript中的一个类数组对象,它代表传给一个正在执行的函数 ...
- JavaScript -- arguments、apply 、call、bind
前言 笔记来源:JavaScript 高级程序设计 笔记内容:apply .call.bind 相同点与不同点 运行环境:浏览器环境 arguments ECMAScript 中的参数在内部是用一个数 ...
- javascript arguments对象研究--针对jquery源码研究再研究
外部插件: $.fn.tinytip = function(text, customOptions) { debugger; if (text && typeo ...
- javascript arguments 特殊 对象
在函数代码中,使用特殊对象arguments,开发者无需明确指出参数名,就能访问它们, arguments对象:在函数执行时函数内部就会有arguments对象,它包含了所有的参数,arguments ...
- javascript下的arguments,caller,callee,call,apply示例及理解
在看到大家如此关注JS里头的这几个对象,我试着把原文再修改一下,力求能再详细的阐明个中意义.在提到上述的概念之 前,首先想说说javascript中函数的隐含参数:arguments Argument ...
- JavaScript中函数里的arguments属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu ...
最新文章
- [批处理]截取for命令里面的变量%%i
- 官方确认:新增一所“双一流”大学
- python捕获所有异常状态_如何在scrapy中捕获并处理各种异常
- 【数字全排列】LeetCode 60. Permutation Sequence
- JavaScript:屏蔽浏览器右键点击事件
- 第一课 Delphi7完全自学教程
- Java中JCP, JEP, JLS, JSR是什么
- 网友发给我一个游戏钓鱼网站,我用python渗透了该网站所有信息!
- Spring Cloud 集成 euraka-server 和 euraka-client
- ATmega128定时器
- 安卓zip解压软件_破解软件之“安卓压缩包zip或rar密码破解(116位数任意破)”...
- 抖音:技术优化打造最佳创作体验
- VB中数组的大小排序解析
- 工作杂谈:由IT行业技术变革 谈当今技术趋势
- 网络表示学习(Graph Embedding)简述
- 2018_WWW_DKN- Deep Knowledge-Aware Network for News Recommendation阅读笔记
- 从四个维度谈谈如何做好团队管理
- linux(xshell的安装与使用)
- 计算机网络概念基础——分组交换
- 通识,修 还是不修?——多选一门通识课对绩点影响几何?
热门文章
- java.lang.IllegalStateException: Unable to read meta-data for class 问题的解决
- 如何在jQuery中发送PUT / DELETE请求?
- RabbitMQ的入门程序test测试代码
- python怎么七个数字一换行_python中怎么换行?
- json 插入数据_让繁琐的工作自动化——python处理JSON文件
- 找出数组的最大公约数
- 洛谷——P1568 赛跑
- 洛谷——P1304 哥德巴赫猜想
- 实验2-2-2 计算摄氏温度 (10 分)
- 天梯—奇偶分家(C语言)