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 相关文章推荐
高亮显示web页表格行的javascript代码
Nov 19 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
jquery判断元素是否隐藏的多种方法
May 06 Javascript
AngularJS 表达式详解及实例代码
Sep 14 Javascript
bootstrap选项卡使用方法解析
Jan 11 Javascript
微信小程序 页面传值详解
Mar 10 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
vue实现Excel文件的上传与下载功能的两种方式
Jun 28 Javascript
vue+element-ui+axios实现图片上传
Aug 20 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 Javascript
javascript的hashCode函数实现代码小结
Aug 11 Javascript
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
动易数据转成dedecms的php程序
2007/04/07 PHP
详解php中反射的应用
2016/03/15 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
Yii框架组件的事件机制原理与用法分析
2020/04/07 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
动手学习无线电
2021/03/10 无线电
解决Extjs上传图片无法预览的解决方法
2012/03/22 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
Vue+axios 实现http拦截及路由拦截实例
2017/04/25 Javascript
bootstrap table方法之expandRow-collapseRow展开或关闭当前行数据
2020/08/09 Javascript
JS设计模式之状态模式概念与用法分析
2018/02/05 Javascript
vue 表单输入格式化中文输入法异常问题
2018/05/30 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
多线程爬虫批量下载pcgame图片url 保存为xml的实现代码
2013/01/17 Python
python的re模块应用实例
2014/09/26 Python
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python编写Windows Service服务程序
2018/01/04 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
Python文本处理之按行处理大文件的方法
2018/04/09 Python
使用python采集脚本之家电子书资源并自动下载到本地的实例脚本
2018/10/23 Python
python 利用opencv实现图像网络传输
2020/11/12 Python
中国最大的团购网站:聚划算
2016/09/21 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
中班幼儿评语大全
2014/04/30 职场文书
广播体操口号
2014/06/18 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
某某店铺的开业庆典主持词范本
2019/11/25 职场文书
css布局巧妙技巧之css三角示例的运用
2022/03/16 HTML / CSS