javaScript中arguments.callee知识点

javaScript中递归和arguments.callee 

javaScript中递归和arguments.callee知识点 

arguments.callee 

运行结果如下:

源码如下:

<!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是一个很大的对象,开销很大
//递归时,不建议使用arguments.callee(),建议使用函数声明或命名函数表达式
function factorial(n) {
	return !(n > 1) ? 1 : factorial(n - 1) * n;
}

//
var result = [ 1, 2, 3, 4, 5 ].map(factorial);
console.log('*A*', result); //*A* (5) [1, 2, 6, 24, 120]

//
var result2 = [ 1, 2, 3, 4, 5 ].map(function(n) {
	return !(n > 1) ? 1 : arguments.callee(n - 1) * n;
});

console.log('*B*', result2); //*B* (5) [1, 2, 6, 24, 120]

//
var result3 = [ 1, 2, 3, 4, 5 ].map(function factorial(n) {
	return !(n > 1) ? 1 : factorial(n - 1) * n;
});

console.log('*C*', result3); //*C* (5) [1, 2, 6, 24, 120]

//NaN
console.log(undefined + 2);

//false false false
console.log(undefined <= 1, undefined >= 1, undefined > 1);


//
function create() {
	return function(n) {
		if (n <= 1)
			return 1;
		return n * arguments.callee(n - 1);
	};
}

var result4 = create()(5);
console.log('*D*', result4); //*D* 120

//
function create2() {
	return function myFun(n) {
		if (n <= 1)
			return 1;
		return n * myFun(n - 1);
	};
}

var result5 = create2()(5);
console.log('*E*', result5); //*E* 120
</script>
</head>
<body style="background-color: #CCE8CF;">
	<h1>javaScript中arguments.callee</h1>
	<div id="div1" style="background-color: Wheat; height: 100%;"></div>
</body>
</html>

//现在arguments.callee已经不建议使用了,arguments是一个很大的对象,开销很大
//递归时,不建议使用arguments.callee(),建议使用函数声明或命名函数表达式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript ,`arguments.callee` 用于引用当前正在执行的函数。然而,由于使用 `arguments.callee` 会导致性能问题,现代 JavaScript 已经不再支持该属性。因此,我们应该使用命名函数表达式或箭头函数来替代 `arguments.callee`。 例如,一个使用 `arguments.callee` 的递归函数可以被重写为命名函数表达式: ```javascript // 使用 arguments.callee 实现递归函数 var factorial = function(n) { if (n <= 1) { return 1; } else { return n * arguments.callee(n - 1); } }; // 使用命名函数表达式替代 arguments.callee var factorial = function factorial(n) { if (n <= 1) { return 1; } else { return n * factorial(n - 1); } }; ``` 在这个例子,我们将函数名 `factorial` 显式地赋值给了函数表达式,并在函数体内使用它来递归调用自身。 另外,箭头函数没有自己的 `this` 和 `arguments`,因此也不需要使用 `arguments.callee`。我们可以使用命名函数表达式来替代箭头函数的递归调用。例如: ```javascript // 使用箭头函数实现递归函数(错误的方式) const factorial = (n) => { if (n <= 1) { return 1; } else { return n * factorial(n - 1); // TypeError: factorial is not a function } }; // 使用命名函数表达式替代箭头函数 const factorial = function fac(n) { if (n <= 1) { return 1; } else { return n * fac(n - 1); } }; ``` 在这个例子,我们使用了命名函数表达式 `function fac(n)` 来替代箭头函数,并在函数体内使用 `fac` 来递归调用自身。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值