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 相关文章推荐
Google Suggest ;-) 基于js的动态下拉菜单
Oct 11 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
Apr 03 Javascript
css配合jquery美化 select
Nov 29 Javascript
json字符串之间的相互转换示例代码
Aug 21 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
angularjs封装bootstrap时间插件datetimepicker
Jun 20 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
webpack将js打包后的map文件详解
Feb 22 Javascript
在vue中使用G2图表的示例代码
Mar 19 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
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
第七节--类的静态成员
2006/11/16 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
php将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
JS增加行复制行删除行的实现代码
2013/11/09 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
JS实现模拟风力的雪花飘落效果
2015/05/13 Javascript
Javascript实现飞动广告效果的方法
2015/05/25 Javascript
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
jquery实现可自动收缩的TAB网页选项卡代码
2015/09/06 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
2016/08/02 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
layui添加动态菜单与选项卡 AJAX请求的例子
2019/09/25 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
python的dict,set,list,tuple应用详解
2014/07/24 Python
Python实现国外赌场热门游戏Craps(双骰子)
2015/03/31 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
手把手教你python实现SVM算法
2017/12/27 Python
django框架使用方法详解
2019/07/18 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
Python3获取cookie常用三种方案
2020/10/05 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
css3实现背景模糊的三种方式(小结)
2020/05/15 HTML / CSS
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
怎样声明一个匿名的内部类
2016/06/01 面试题
酒店前台接待岗位职责
2013/12/03 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
作风建设年度心得体会
2014/10/29 职场文书
离职报告范文
2014/11/04 职场文书
三年级学生期末评语
2014/12/26 职场文书
魂断蓝桥观后感
2015/06/10 职场文书