JavaScript arguments.callee作用及替换方案详解


Posted in Javascript onSeptember 02, 2020

一、arguments.callee的作用:返回正被执行的 Function 对象

arguments 的主要用途是保存函数参数, 但这个对象还有一个名叫 callee 的属性,返回正被执行的 Function 对象,也就是所指定的 Function 对象的正文,这有利于匿名函数的递归或者保证函数的封装性。

请看下面这个非常经典的阶乘函数

function factorial(num){  
  if (num <=1) {     
   return 1;   
  } else {     
  return num * factorial(num-1)   
  } 
}

定义阶乘函数一般都要用到递归算法;如上面的代码所示,在函数有名字,而且名字以后也不会变的情况下,这样定义没有问题。
但问题是这个函数的执行与函数名 factorial 紧紧耦合在了一起。为了消除这种紧密耦合的现象,可以像下面这样使用

arguments.callee

function factorial(num){  
  if (num <=1) {     
   return 1;   
  } else {     
  return num * arguments.callee(num-1);
  } 
}

在这个重写后的 factorial()函数的函数体内,没有再引用函数名 factorial。这样,无论引用函数时使用的是什么名字,都可以保证正常完成递归调用。例如

function factorial(num){
      if(num <= 1){
        return 1;
      }else{
        return num * arguments.callee(num-1);
      }
    }
    var trueFactorial = factorial;
    alert(trueFactorial(5));  //120  


    factorial = function() {
      return 0;
    }        
    alert(trueFactorial(5));// 120 如果没有使用arguments.callee,将返回0

在此,变量 trueFactorial 获得了 factorial 的值,实际上是在另一个位置上保存了一个函数的指针。然后,我们又将一个简单地返回 0的函数赋值给 factorial 变量。如果像原来的 factorial() 那样不使用 arguments.callee,调用 trueFactorial()就会返回 0。可是,在解除了函数体内的代码与函数名的耦合状态之后,trueFactorial()仍然能够正常地计算阶乘;至于factorial(),它现在只是一个返回 0的函数。

二、arguments.callee的替换方案

现在已经不推荐使用arguments.callee();

原因:访问 arguments 是个很昂贵的操作,因为它是个很大的对象,每次递归调用时都需要重新创建。影响现代浏览器的性能,还会影响闭包。

不能用怎么办?

递归时用到arguments.callee()是常见的事情,比如一道面试题。接受参数n=5,不用for循环输出数组【1,2,3,4,5】,这是用递归的思路,配合arguments.callee,代码如下:

function show(n) {
  var arr = [];
  return (function () {
    arr.unshift(n);
    n--;
    if (n != 0) {
      arguments.callee();
    }
    return arr;
  })()
}
show(5)//[1,2,3,4,5]

现在arguments.callee 被弃用了。怎么办,其实很简单,给内部函数一个名字即可(当函数被调用时,它的arguments.callee对象就会指向自身,也就是一个对自己的引用。)

function show(n) {
  var arr = [];
  return (function fn() {
    arr.unshift(n);
    n--;
    if (n != 0) {
      fn();
    }
    return arr;

  })()
}
show(5)//[1,2,3,4,5]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
div层的移动及性能优化
Nov 16 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
Angular下H5上传图片的方法(可多张上传)
Jan 09 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
详解如何使用 vue-cli 开发多页应用
Dec 16 Javascript
jQuery发请求传输中文参数乱码问题的解决方案
May 22 jQuery
JavaScript循环遍历你会用哪些之小结篇
Sep 28 Javascript
关于vue-cli 3配置打包优化要点(推荐)
Apr 22 Javascript
原生js实现each方法实例代码详解
May 27 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
JS中的模糊查询功能
Dec 08 Javascript
JavaScript Array.flat()函数用法解析
Sep 02 #Javascript
通过实例解析JavaScript常用排序算法
Sep 02 #Javascript
手把手教你实现 Promise的使用方法
Sep 02 #Javascript
如何基于jQuery实现五角星评分
Sep 02 #jQuery
在vscode 中设置 vue模板内容的方法
Sep 02 #Javascript
JavaScript array常用方法代码实例详解
Sep 02 #Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 #Javascript
You might like
php实现base64图片上传方式实例代码
2017/02/22 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
jquery导航制件jquery鼠标经过变色效果示例
2013/12/05 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
Node.js事件驱动
2015/06/18 Javascript
使用JQuery 加载页面时调用JS的实现方法
2016/05/30 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
vue-cli的eslint相关用法
2017/09/29 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
javascript实现手动点赞效果
2019/04/09 Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
2019/07/26 Javascript
p5.js实现故宫橘猫赏秋图动画
2019/10/23 Javascript
微信小程序后端无法保持session的原因及解决办法问题
2020/03/20 Javascript
在react项目中使用antd的form组件,动态设置input框的值
2020/10/24 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
一篇文章入门Python生态系统(Python新手入门指导)
2015/12/11 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
Python中正则表达式详解
2017/05/17 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
pytorch自定义二值化网络层方式
2020/01/07 Python
解决Pycharm 导入其他文件夹源码的2种方法
2020/02/12 Python
倩碧美国官网:Clinique美国
2016/07/20 全球购物
Anya Hindmarch官网:奢侈设计师手袋及配饰
2018/11/15 全球购物
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
师范毕业生个人求职信
2013/12/09 职场文书
施工协议书范本
2014/04/22 职场文书
关于责任的演讲稿
2014/05/20 职场文书
企业2014年度工作总结
2014/12/10 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
python小型的音频操作库mp3Play
2022/04/24 Python