JavaScript函数表达式

最新推荐文章于 2021-10-23 08:00:00 发布

jm_8023

最新推荐文章于 2021-10-23 08:00:00 发布

阅读量342

点赞数

分类专栏： javascript 文章标签：函数表达式 js递归函数易错

本文链接：https://blog.csdn.net/qq_33204241/article/details/78991884

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、函数表达式特点
函数表达式不同于函数声明，函数声明要求有名字，但函数表达式不需要，没有名字的函数表达式也叫做匿名函数。

函数表达式能够创建函数再赋值给变量，也能够把函数作为其他函数的值返回。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>把函数作为其他函数的值返回</title>
</head>
<body>
	
</body>
<script type="text/javascript">
	function createComparison(propertyName){
		return function(object1,object2){//一个函数里面嵌套了另一个函数，所以说函数里面是可以有函数的~~
			var value1 = object1[propertyName];
			var value2 = object2[propertyName];
			
			if(value1<value2){
				return -1;
			}
			else if(value1>value2){
				return 1;
			}
			else{
				return 0;
			}
		}
	}

	var data =  [{name:"jm",age:19},{name:"ly",age:18},{name:"zll",age:17}];//包含三个对象的数组
	data.sort(createComparison("name"));
	for(var i=0;i<data.length;i++){
		console.log(data[i].name);
	}

	data.sort(createComparison("age"));
	for(var i=0;i<data.length;i++){
		console.log(data[i].name);
	}
</script>
</html>

在把函数当成值的情况下，都可以使用匿名函数。不过，这并不是匿名函数的唯一用途。

2、使用函数表达式实现递归
递归函数是一个通过名字调用自身的情况下构成的，如下所示：

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

这个函数表面看起来没有什么问题，但下面的代码却有可能导致它出错~~

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表面看起来没有问题的经典递归函数</title>
</head>
<body>
	
</body>
<script type="text/javascript">
	function factorial(num){
		if(num<=1){
			return 1;
		}
		else{
			return num*factorial(num-1);
		}
	}

	var anotherFactorial = factorial;
	factorial = null;
	alert(anotherFactorial(4));
	// 分析问题出现的原因：指向原始函数的引用只剩下一个。但是在接下来调用anotherFactorial的时候由于必须执行factorial()，而factorial已经不再是函数；
</script>
</html>

将上面的js部分代码换成下面的代码就不会报错了

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

	var anotherFactorial = factorial;
	factorial = null;
	alert(anotherFactorial(4));

以上代码创建了一个名为f()的命名函数表达式，然后将它赋值给变量factorial。即便把函数赋值给了另一个变量，函数的名字依然有效，所以递归调用可以正确完成。

jm_8023

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript函数表达式

1、函数表达式特点函数表达式不同于函数声明，函数声明要求有名字，但函数表达式不需要，没有名字的函数表达式也叫做匿名函数。函数表达式能够创建函数再赋值给变量，也能够把函数作为其他函数的值返回。把函数作为其他函数的值返回 function createComparison(propertyName){ return funct
复制链接

扫一扫

专栏目录