javaScript中递归和arguments.callee

现在已经不推荐使用arguments.callee()；
原因：访问arguments是个很昂贵的操作，因为它是个很大的对象，每次递归调用时都需要重新创建。影响现代浏览器的性能，还会影响闭包。

但是，arguments并非一无是处，arguments还是有优点的，如下：

arguments为函数内部对象，包含传入函数的所有参数，arguments.callee代表函数名，多用于递归调用，防止函数执行与函数名紧紧耦合的现象，对于没

有函数名的匿名函数也非常起作用.

javaScript中递归和arguments.callee知识点

【JavaScript】arguments.callee的作用及替换方案

arguments.callee的用法

callee和caller

arguments.callee

命名函数表达式--有标识符的函数表达式

命名函数表达式

对于递归，使用arguments.callee代替函数名，可以确保调用函数不出问题，但是在严格模式下，不能通过脚本访问argumnts.callee，这时，可以使用命名函数表达式来达到相同的效果。如下代码：

var myFun = (function f(num) {//console.log(f);if (num <= 1) {return 1;}else {return num * f(num - 1);}
});

案例1

/*
现在已经不推荐使用arguments.callee()；
原因：访问arguments是个很昂贵的操作，因为它是个很大的对象，每次递归调用时都需要重
新创建。影响现代浏览器的性能，还会影响闭包。
*/
console.log("***************************");//一道面试题,接受参数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;})();
}var result = show(5);
console.log(result); //[1, 2, 3, 4, 5]//现在已经不推荐使用arguments.callee()
//改成如下：
function show2(n) {var arr = [];return (function fn() {arr.unshift(n);n--;if (n != 0) {fn(); //}return arr;})();
}var result2 = show2(5);
console.log(result2); //[1, 2, 3, 4, 5]console.log("***************************");

运行结果如下：

案例2

//
function factorial(num) {if (num <= 1) {return 1;} else {return num * arguments.callee(num - 1);}
}var r1 = factorial(5);
console.log("**A**", r1);//同理，可以将上面的代码改成如下：
function myFactorial(num) {if (num <= 1) {return 1;}var myResult = 1;return (function fn() {myResult *= num;num--;if (num != 0) {fn();}return myResult;})();
}var r2 = myFactorial(5);
console.log("**B**", r2);

运行结果如下：

完整代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javaScript中递归和arguments.callee知识点</title>
<style type="text/css">
input[type=button] {background-color: #8E388E;border: 0px solid #8E388E;color: #fff;width: 160px;height: 40px;border-radius: 6px; /*把边框做成圆角*/
}</style>
<script type="text/javascript">
/*
现在已经不推荐使用arguments.callee()；
原因：访问arguments是个很昂贵的操作，因为它是个很大的对象，每次递归调用时都需要重
新创建。影响现代浏览器的性能，还会影响闭包。
*/
console.log("***************************");//一道面试题,接受参数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;})();
}var result = show(5);
console.log(result); //[1, 2, 3, 4, 5]//现在已经不推荐使用arguments.callee()
//改成如下：
function show2(n) {var arr = [];return (function fn() {arr.unshift(n);n--;if (n != 0) {fn(); //}return arr;})();
}var result2 = show2(5);
console.log(result2); //[1, 2, 3, 4, 5]console.log("***************************");
//
function factorial(num) {if (num <= 1) {return 1;} else {return num * arguments.callee(num - 1);}
}var r1 = factorial(5);
console.log("**A**", r1);//同理，可以将上面的代码改成如下：
function myFactorial(num) {if (num <= 1) {return 1;}var myResult = 1;return (function fn() {myResult *= num;num--;if (num != 0) {fn();}return myResult;})();
}var r2 = myFactorial(5);
console.log("**B**", r2);</script>
</head>
<body style="background-color: #CCE8CF;">
<h1>javaScript中递归和arguments.callee知识点</h1>
<input type="button" value="字符串的slice()函数">
<div id="div1" style="background-color: Wheat; height: 100%;">
</div>
</body>
</html>

大家可以举一反三，触类旁通！

javaScript中递归和arguments.callee相关推荐

Javascript中递归造成的堆栈溢出及解决方案
Javascript中递归造成的堆栈溢出及解决方案参考文章: (1)Javascript中递归造成的堆栈溢出及解决方案 (2)https://www.cnblogs.com/cuew1987/p/4 ...
JavaScript中递归使用
递归的概念在程序中函数直接或间接调用自己直接调用自己简介调用自己跳出结构,有了跳出才有结果递归的思想递归的调用,最终还是要转换为自己这个函数如果有个函数foo,如果他是递归函数,到最后问 ...
javaScript中arguments.callee知识点
javaScript中递归和arguments.callee javaScript中递归和arguments.callee知识点 arguments.callee 运行结果如下: 源码如下: < ...
你知道 JavaScript 中的 Arguments 对象都有哪些用途吗？
JavaScript 中 Arguments 对象的用途总结. 前言相信我们很多人在代码开发的过程中都使用到过一个特殊的对象 -- Arguments 对象. 在实际开发中,Arguments 对象 ...
浅谈arguments.callee
在函数内部有两个特殊对象:this和arguments,其中,arguments主要用于保存函数的参数,但这个对象还有一个名叫callee的属性,该属性是个指针,指向拥有这个arguments对象 ...
JavaScript中的arguments,callee,caller
2019独角兽企业重金招聘Python工程师标准>>> arguments: arguments 该对象代表正在执行的函数和调用它的函数的参数. [function.]argumen ...
JavaScript函数之实际参数对象(arguments) / callee属性 / caller属性 / 递归调用 / 获取函数名称的方法...
函数的作用域:调用对象 JavaScript中函数的主体是在局部作用域中执行的,该作用域不同于全局作用域.这个新的作用域是通过将调用对象添加到作用域链的头部而创建的(没怎么理解这句话,有理解的亲可以留 ...
JavaScript中的arguments,callee,caller,call,appy
代码 <script language="JavaScript"> /* * 演示arguments的用法,如何获取实参数和形数数 */ function argTes ...
【转】全面理解javascript的arguments,callee,caller,call,apply概念(修改版)
(注:在看到大家如此关注JS里头的这几个对象,我试着把原文再修改一下,力求能再详细的阐明个中意义 2007-05-21) 在提到上述的概念之前,首先想说说javascript中函数的隐含参数:arg ...

javaScript中递归和arguments.callee

javaScript中递归和arguments.callee相关推荐

最新文章

热门文章