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实现带滚动线条导航效果的方法
Jan 30 Javascript
jquery动态改变div宽度和高度
Feb 09 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
Nov 09 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
Dec 20 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
vue3.0 自适应不同分辨率电脑的操作
Feb 06 Vue.js
vite+vue3.0+ts+element-plus快速搭建项目的实现
Jun 24 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遍历数组的方法汇总
2015/04/30 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
微信小程序之分享页面如何返回首页的示例
2018/03/28 Javascript
Angularjs中的$apply及优化使用详解
2018/07/02 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
使用vue中的混入mixin优化表单验证插件问题
2019/07/02 Javascript
layui 选择列表,打勾,点击确定返回数据的例子
2019/09/02 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
Python生成短uuid的方法实例详解
2018/05/29 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
如何基于python操作excel并获取内容
2019/12/24 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
使用scrapy ImagesPipeline爬取图片资源的示例代码
2020/09/28 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
实习生个人的自我评价
2013/12/08 职场文书
运动会入场词100字
2014/02/06 职场文书
无偿献血倡议书
2014/04/14 职场文书
班主任个人工作反思
2014/04/28 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
欢迎新生标语
2014/10/06 职场文书
销售内勤岗位职责范本
2015/04/13 职场文书
公路施工安全责任书
2015/05/08 职场文书
2019大学生暑期实习心得总结
2019/08/21 职场文书
原生JS中应该禁止出现的写法
2021/05/05 Javascript
MySQL分区以及建索引的方法总结
2022/04/13 MySQL
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers