js中的caller和callee属性介绍和例子


Posted in Javascript onJune 07, 2014

一、caller

返回一个对函数的引用,该函数调用了当前函数。

functionName.caller

functionName 对象是所执行函数的名称。

说明

对于函数来说,caller 属性只有在函数执行时才有定义。 如果函数是由 Javascript 程序的顶层调用的,那么 caller 包含的就是 null 。

下面的例子说明了 caller 属性的用法:

function callerDemo() {
    if ( arguments.caller) {
        var a= callerDemo.caller.toString();
        alert(a);
    } else {
        alert("this is a top function");
    }
}
function handleCaller() {
    callerDemo();
}
handleCaller();
function calleeDemo() {
     alert(arguments.callee);
}
calleeDemo();

二、callee

返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文。

[function.]arguments.callee
可选项 function 参数是当前正在执行的 Function 对象的名称。

说明

callee 属性的初始值就是正被执行的 Function 对象。

callee 属性是 arguments 对象的一个成员,它表示对函数对象本身的引用,这有利于匿名函数的递归或者保证函数的封装性,例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性,这个属性有时候用于验证还是比较好的。arguments.length是实参长度,arguments.callee.length是形参长度,由此可以判断调用时形参长度是否和实参长度一致。

示例

//callee可以打印其本身
function calleeDemo() {
     alert(arguments.callee);
}
//用于验证参数
function calleeLengthDemo(arg1, arg2) {
    if (arguments.length==arguments.callee.length) {
         window.alert("验证形参和实参长度正确!");
        return;
     } else {
         alert("实参长度:" +arguments.length);
         alert("形参长度: " +arguments.callee.length);
     }
}
//递归计算
var sum = function(n){
  if (n < = 0)                       
  return 1;
  else
    return n +arguments.callee(n - 1)
}

比较一般的递归函数:
var sum = function(n){
    if (1==n) return 1;
else return n + sum (n-1);

调用时:alert(sum(100));

其中函数内部包含了对sum自身的引用,函数名仅仅是一个变量名,在函数内部调用sum即相当于调用
一个全局变量,不能很好的体现出是调用自身,这时使用callee会是一个比较好的方法。

Javascript 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
浅谈Javascript事件处理程序的几种方式
Jun 27 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
js实现密码强度检验
Jan 15 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
Apr 17 Javascript
小程序实现展开/收起的效果示例
Sep 22 Javascript
angular4笔记系列之内置指令小结
Nov 09 Javascript
Vue插槽原理与用法详解
Mar 05 Javascript
vue中组件的3种使用方式详解
Mar 23 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 #Javascript
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 #Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 #Javascript
jQuery的缓存机制浅析
Jun 07 #Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 #Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 #Javascript
判断iframe里的页面是否加载完成
Jun 06 #Javascript
You might like
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
php数组函数序列之in_array() 查找数组值是否存在
2011/10/29 PHP
将php数组输出html表格的方法
2014/02/24 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
表单提交验证类
2006/07/14 Javascript
图片自动缩小 点击放大
2008/07/07 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
nodejs教程之入门
2014/11/21 NodeJs
bootstrap网页框架的使用方法
2016/05/10 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
Move.js入门
2017/02/08 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
VueJs 搭建Axios接口请求工具
2017/11/20 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
浅谈Vue网络请求之interceptors实际应用
2018/02/28 Javascript
vue.js指令v-for使用以及下标索引的获取
2019/01/31 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
[01:02:07]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
浅谈python多线程和队列管理shell程序
2015/08/04 Python
Python yield与实现方法代码分析
2018/02/06 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
PyQt5 QListWidget选择多项并返回的实例
2019/06/17 Python
Python打印不合法的文件名
2020/07/31 Python
python 用struct模块解决黏包问题
2020/11/07 Python
Python __slots__的使用方法
2020/11/15 Python
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
大学校运会广播稿
2014/02/03 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
党小组鉴定意见
2015/06/02 职场文书
2016年猴年新春致辞
2015/08/01 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
TypeScript 内置高级类型编程示例
2022/09/23 Javascript