arguments .length .callee caller
如果有一个函数像下面这样:
function fn(){
}
那么fn这个函数下面就有一个arguments属性(你在逗我么,后面又说对象),该属性是个对象(typeof一下就知道了),然后它下面也有属性;
说到arguments有属性,那么属性有什么呢,恩~下面就介绍其中一个属性:callee;先看怎么用吧:
function fn(){
alert( arguments.callee )
}
fn();
执行结果弹出:function fn(){alert( arguments.callee )},仔细看,其实就是得到fn这个函数自身。
至于这个的用处嘛,需要在函数里再次使用自身函数的时候(尤其是匿名函数呢),我想用的比较的多地方应该是做【递归】运算的时候,比如说老生常谈的一个例子,求10的阶乘:
function fn(num){
if(num==1){
return 1
}else{
return num*arguments.callee(--num)
}
}
console.log( fn(10) )
结果不显而易见:3628800;恩~这个不是重点,重点是上面用到了arguments.callee这个东西(该叫它属性呢?还是方法呢?还是东西吧,这个绝对没错,苦笑╮(╯_╰)╭)
这个例子的话还是算了,打动不了我学这个方法的心,哎,那就来个比较实用的吧,给本地对象Array添加一个方法 - 将多维数组转换成一维数组:
if(!Array.prototype.toSingle){
Array.prototype.toSingle=function(){ //将多维数组转换成一维数组
return (function(aData){
for(var i=0, len=aData.length, arr=[]; i<len; i++){
arr=arr.concat( Array.isArray(aData[i]) ? arguments.callee(aData[i]) : aData[i] )
}
return arr
})(this)
}
}
恩~这个还可以。使用一下试试:
console.log( [[1,2,[3,4,[1,-5,-9,0,2,56],5]],[2,5],50].toSingle() )
结果显而易见了:[1, 2, 3, 4, 1, -5, -9, 0, 2, 56, 5, 2, 5, 50];
好像还没介绍arguments对象,那就和它的另一个属性length一起说吧,
arguments:(还)表示函数的实参列表,再说的通俗易懂点就是表示一个函数的实际参数的列表,
arguments.length:表示实参列表的长度。
function fn(a,b,c,d){
alert( a )
alert( arguments.length )
alert( arguments[0] )
}
fn(8,9)
结果先不管,像上面这样,a,b,c,d就是函数【fn】的形参 -- 形式上的参数,而【fn】函数实际上呢只传进了2个参数:8,9;所以arguments.length就等于2,arguments就是相当于数组[8,9];所以不想用a,b来得到8,9的话还可以用arguments[0]得到【8】,
arguments[1]得到【9】;但是arguments不是数组,不能对它使用shift、push、join等方法。上面的执行结果:
alert( a ) //
alert( arguments.length ) // 2(个)
alert( arguments[0] ) //
●然后(最后)就是caller了,重新来个函数吧,假设现在有一个函数【a】:
function a(){
}
caller是什么?怎么使用? caller是函数【a】下面的一个方法,这样使用↓:
function a(){
alert( a.caller )
}
a();
结果:null,就是空!caller表示:返回调用【a】函数的函数,很明显,a没有被任何函数调用,或者说没有在任何函数里面被使用一下。
那么使用一下是怎么样的呢↓:
function a(){
alert( a.caller )
}
function b(){
a()
}
b()
这样就会弹出函数【b】:
function b(){
a()
}
毋庸置疑,刚才都说了,a.caller返回调用【a】函数的函数,很明显,【a】函数在【b】函数里被调用了!
恩~刚刚才了解了arguments.cellee,这里是不是可以试试手捏╮(╯▽╰)╭(jiranmeiyoudonghuabiaoqing!_!),像这样:
function a(){
alert( arguments.callee.caller )
}
function b(){
a()
}
b()
嗦嘎,结果还是上面的function b(){a()},孺子可教也呀。
师傅,话说caller的实际用处呢,是不是不大!恩~好像是这样的,为师也没怎么用到过***
arguments .length .callee caller的更多相关文章
- JavaScript Function arguments.callee caller length return
一.Function 函数是对象,函数名是指针. 函数名实际上是一个指向函数对象的指针. 使用不带圆括号的函数名是访问函数指针,并非调用函数. 函数的名字仅仅是一个包含指针的变量而已.即使在不同的环境 ...
- JavaScript中的arguments,callee,caller
在提到上述的概念之前,首先想说说javascript中函数的隐含参数: arguments: arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]argument ...
- 理解JavaScript中的arguments,callee,caller,apply
arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n] 参数function :选项.当前正在执行的 Function 对象的名字. n : ...
- js的隐含参数(arguments,callee,caller)使用方法
在提到上述的概念之前,首先想说说javascript中函数的隐含参数: arguments arguments 该对象代表正在执行的函数和调用它的函数的参数.[function.]arguments[ ...
- JQuery Pagenation 知识点整理——arguments,callee,caller,apply应用(20150517)(转)
arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n]参数function :选项.当前正在执行的 Function 对象的名字. n :选 ...
- JavaScript中的內定物件與函式: arguments, callee, caller, this, apply(), call()
arguments, caller, callee, this都是用在函式(function)內的特殊內定物件.而apply()及call()則是用來呼叫函式的不同作法. arguments可用來取得 ...
- arguments对象,caller 和 callee
arguments对象是比较特别的一个对象,arguments非常类似Array,但实际上又不是一个Array实例. 它指的是函数对象里的参数,且只能在函数内部使用. 使用 检测函数的参数个数,引用属 ...
- arguments.callee.caller
1.Arguments Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性l ...
- 关于arguments.callee.caller.arguments[0]获得event的一些问题
先从一个简单的例子说起,一个简单的button控件如下: < input type ='button' name ='mybtn' id ='mybtn' onclick ='myFun ...
随机推荐
- Dubbo 源码安装与编译
源码地址: https://github.com/alibaba/dubbo 需要提前准备好 Maven 环境, 相关准备方法请看: http://www.cnblogs.com/ghj1976/p ...
- POJ 2135 Farm Tour [最小费用最大流]
题意: 有n个点和m条边,让你从1出发到n再从n回到1,不要求所有点都要经过,但是每条边只能走一次.边是无向边. 问最短的行走距离多少. 一开始看这题还没搞费用流,后来搞了搞再回来看,想了想建图不是很 ...
- 9.链式A+B
题目描述 有两个用链表表示的整数,每个结点包含一个数位.这些数位是反向存放的,也就是个位排在链表的首部.编写函数对这两个整数求和,并用链表形式返回结果. 给定两个链表ListNode* A,ListN ...
- 推荐一个PHP在线代码运行的网站
地址:http://www.manongjc.com/runcode 该网站可以运行php代码.html代码.js代码, 对于初学者来说,免去了安装环境这一步.
- maven skip tests
DskipTests=true is short form of -Dmaven.test.skip=true
- JavaScript对象的创建之基于原型方式
原型内存模型介绍 原型是javascript中非常特殊的一个对象,当一个函数创建之后,会随之就产生一个原型对象. 当通过这个函数的构造函数创建一个具体的对象之后,在这个具体的对象中就会有一个属性指向原 ...
- 在 angularjs 中集成 bootstrap typeahead
问题 在使用 typeahead 的时候,有这样一个需求,当用户选中其中一项的之后,将项目对应的 id 保存到另外一个变量中,以后在提交表单的时候,将这个 id 发送到服务器中. 但是,在 typea ...
- Runtime机制之结构体及操作函数
一.动态语言 Objective-C语言是一门动态语言,它将很多静态语言在编译和链接时期做的事放到了运行时来处理.这种动态语言的优势在于:具有灵活性,比如:消息转发,方法交换等.它有一个运行时系统Ob ...
- rsync拉取远程文件
mkdir -p /doc sshpass -p ''pwd" rsync -avz -e 'ssh -o UserKnownHostsFile=/dev/null -o StrictH ...
- phpDoc使用说明
技术文档可以使人们更好得使用他人的代码库,然而,作为开发人员,编写文档确是一件让人头疼的事情.PHPDoc是PHP文档注释的一个标准,它可以实现为代码生成API文档. PHPDoc注释规范: 块注释的 ...