如果有一个函数像下面这样:

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的更多相关文章

  1. JavaScript Function arguments.callee caller length return

    一.Function 函数是对象,函数名是指针. 函数名实际上是一个指向函数对象的指针. 使用不带圆括号的函数名是访问函数指针,并非调用函数. 函数的名字仅仅是一个包含指针的变量而已.即使在不同的环境 ...

  2. JavaScript中的arguments,callee,caller

    在提到上述的概念之前,首先想说说javascript中函数的隐含参数: arguments: arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]argument ...

  3. 理解JavaScript中的arguments,callee,caller,apply

    arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n] 参数function :选项.当前正在执行的 Function 对象的名字. n : ...

  4. js的隐含参数(arguments,callee,caller)使用方法

    在提到上述的概念之前,首先想说说javascript中函数的隐含参数: arguments arguments 该对象代表正在执行的函数和调用它的函数的参数.[function.]arguments[ ...

  5. JQuery Pagenation 知识点整理——arguments,callee,caller,apply应用(20150517)(转)

    arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]arguments[n]参数function :选项.当前正在执行的 Function 对象的名字. n :选 ...

  6. JavaScript中的內定物件與函式: arguments, callee, caller, this, apply(), call()

    arguments, caller, callee, this都是用在函式(function)內的特殊內定物件.而apply()及call()則是用來呼叫函式的不同作法. arguments可用來取得 ...

  7. arguments对象,caller 和 callee

    arguments对象是比较特别的一个对象,arguments非常类似Array,但实际上又不是一个Array实例. 它指的是函数对象里的参数,且只能在函数内部使用. 使用 检测函数的参数个数,引用属 ...

  8. arguments.callee.caller

    1.Arguments Arguments是一个类似数组但不是数组的对象,说它类似数组是因为其具有数组一样的访问性质及方式,可以由arguments[n]来访问对应的单个参数的值,并拥有数组长度属性l ...

  9. 关于arguments.callee.caller.arguments[0]获得event的一些问题

    先从一个简单的例子说起,一个简单的button控件如下: < input  type ='button'  name ='mybtn'  id ='mybtn'  onclick ='myFun ...

随机推荐

  1. gc 日志格式

    对于 Parallel Scavenge + Parallel Old - 新生代:PSYoungGen - 老年代:ParOldGen - 永久代:PSPermGen 后面方括号内部的 " ...

  2. isIsomorphic

    超时版: /* Given two strings s and t, determine if they are isomorphic. Two strings are isomorphic if t ...

  3. JQuery基础教程:事件(上)

    在页面加载后执行任务      之前我们已经知道了$(document).ready()是jQuery基于页面加载执行任务的一种主要方式,但是要知道原生的window.onload事件也可以实现相同的 ...

  4. The Ninth Hunan Collegiate Programming Contest (2013) Problem I

    Problem I Interesting Calculator There is an interesting calculator. It has 3 rows of button. Row 1: ...

  5. 64位CentOS 6.4下安装wine

    From: http://zhidao.baidu.com/question/530358126.html From: http://hi.baidu.com/billdkj/item/464fb84 ...

  6. node.js 快速体验

    对于一个从事js的工作人员,怎么能不知道node.js呢! 一.安装node.js 在window上安装,http://nodejs.org上的windows installer 下载安装,在安装过程 ...

  7. yiStack平台维护

    <一.> yiStack 二次封装 Iso通用发行版相关配置属性值替换1.1.yiStack AIO一体机环境根据部署子网替换修改示例如下:主要修改替换isolinux/ks-aio.cf ...

  8. PowerDesigner之PDM(物理概念模型)

    一.PDM概述 PDM(物理数据模型),通俗地理解,就是在PowerDesigner中以图形化的方式展示和设计数据库. PDM中涉及到的基本概念包括: 表: 列: 视图: 主键: 候选键: 外键: 存 ...

  9. 拿搬东西来解释udp tcpip bio nio aio aio异步

     [群主]雷欧纳德简单理解 tcpip是有通信确认的面对面通信   有打招呼的过程  有建立通道的过程 有保持通道的确认    有具体传输udp是看到对面的人好像在对面等你 就往对面扔东西[群主]雷欧 ...

  10. 【MySQL】MySQL锁和隔离级别浅析二 之 INSERT

    最近在整理线上性能时,发现一台线上DB出现两个insert产生的死锁问题 ------------------------ LATEST DETECTED DEADLOCK ------------- ...