JavaScript中callee和caller的区别与用法实例分析


Posted in Javascript onJune 28, 2019

本文实例讲述了JavaScript中callee和caller的区别与用法。分享给大家供大家参考,具体如下:

1.callee

在函数的内部,有两个特殊的对象:arguments和this。其中arguments是一个类似数组的对象,包含着传入函数的所有参数。

虽然arguments的主要用途是保存函数参数,但这个对象有一个属性——callee,该属性是一个指针,指向拥有这个arguments对象的函数

所以callee的作用就是来指向当前对象

看一个阶层函数的例子就会明白他的用途了:

/*
 * 普通的递归阶层函数
 */
function factorial(num){
  if(num <= 1){
    return 1;
  }else{
    return num *factorial(num-1);
  }
}

上面的代码运行没有问题,但这个函数的执行与函数名factorial紧紧耦合在一起了,要是改变了函数名,里面的函数名也要随着改变,这样很不方便,所以我们用arguments.callee来消除这种耦合。

//使用callee属性的递归阶层函数
function factorial1(num){
  if(num <= 1){
    return 1;
  }else{
    return num * arguments.callee(num-1);
  }
}

根据callee的定义,callee是arguments对象的一个属性,指向拥有arguments对象的函数,这个函数就是factorial1 (factorial1=arguments.callee),他们指向的都是上面的递归函数。请记住函数的名字仅仅是一个包含指针的变量而已。

2.caller

caller是函数对象的一个属性,该属性保存着调用当前函数的函数的引用(指向当前函数的直接父函数)

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

function a(){//父函数
  b();
};
function b(){
  console.info(b.caller);
};
a(); //结果就是弹出函数a和内容

可以看到函数b的属性caller调用当前函数b的函数引用a(就是指向当前函数b的父函数a)

3.将callee和caller结合起来使用

function b(){
  alert(b.caller);
};

从这个代码可以看出b函数中调用了b函数名,这样当函数名改变时就很不方便,我们需要替换里面的那个b

前面我们知道用什么方法可以指向当前对象,下面我们就来修改一下:

(function a(){
  b();
})();
function b(){
  alert(arguments.callee.caller);//用arguments.callee代替了b
};

JavaScript中callee和caller的区别与用法实例分析

4.实例:斐波那契数列(用递归思想)

如果一对兔子每月生一对兔子;一对新生兔,从第二个月起就开始生兔子;假定每对兔子都是一雌一雄,试问一对兔子,第n个月能繁殖成多少对兔子?(使用callee完成)

var result=[];
function fn(n){
  if(n==1){
    return 1;
  }else if(n==2){
    return 1;
  }else {
    if(result[n]){
      return result[n];
    }else{
      //arguments.callee(...)=fn(...)
      result[n]=arguments.callee(n-1)+arguments.callee(n-2);
      return result[n];
    }
  }
}

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
jQuery 性能优化指南 (1)
May 21 Javascript
jquery之empty()与remove()区别说明
Sep 10 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
详解获取jq ul第一个li定位的四种解决方案
Nov 23 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
详解如何使用koa实现socket.io官网的例子
Nov 04 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
Jun 04 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
May 21 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 Javascript
SSM VUE Axios详解
Oct 05 Vue.js
JS字符串与二进制的相互转化实例代码详解
Jun 28 #Javascript
JS中call()和apply()的功能及用法实例分析
Jun 28 #Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 #Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 #Javascript
js实现随机数小游戏
Jun 28 #Javascript
Node爬取大批量文件的方法示例
Jun 28 #Javascript
JavaScript实现单英文金山打字通
Jul 24 #Javascript
You might like
PHP 开源框架22个简单简介
2009/08/24 PHP
PHP下对数组进行排序的函数
2010/08/08 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
php数组编码转换示例详解
2014/03/11 PHP
php解析http获取的json字符串变量总是空白null
2015/03/02 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
如何让您的中波更粗更长 - 中波框形天线制作
2021/03/10 无线电
不提示直接关闭网页窗口的JS示例代码
2013/12/17 Javascript
使用jquery实现仿百度自动补全特效
2015/07/23 Javascript
详解Matlab中 sort 函数用法
2016/03/20 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
用Python实现一个简单的多线程TCP服务器的教程
2015/05/05 Python
python中zip()方法应用实例分析
2016/04/16 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
使用python绘制温度变化雷达图
2019/10/18 Python
分享一个python的aes加密代码
2020/12/22 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
怎样有效的进行自我评价
2013/10/06 职场文书
建筑专业自荐信
2013/10/18 职场文书
餐饮投资计划书
2014/04/25 职场文书
企业精神口号
2014/06/11 职场文书
解除聘用合同证明书范本
2014/09/11 职场文书
工厂标语大全
2014/10/06 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
质量保证书
2015/01/17 职场文书
个人更名证明
2015/06/23 职场文书
2015入党个人自传范文
2015/06/26 职场文书
2016年十一促销广告语
2016/01/28 职场文书
2016年敬老月活动总结
2016/04/05 职场文书