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。即便把函数赋值给了另一个变量,函数的名字依然有效,所以递归调用可以正确完成。