mirror of
https://github.com/Estom/notes.git
synced 2026-02-03 18:44:19 +08:00
51 lines
2.7 KiB
Markdown
51 lines
2.7 KiB
Markdown
## 匿名函数
|
||
|
||
JavaScript 可以将函数作为数据使用。作为函数本体，它像普通的数据一样，不一定要有名字。默认名字的函数被称之为匿名函数。 如下示例:
|
||
|
||
```javascript
|
||
function (a){return a;}
|
||
```
|
||
|
||
匿名函数的两种用法:
|
||
|
||
- 可以将匿名函数作为参数传递给其他函数。这样，接收方函数就能利用所传递的函数来完成某些事情。
|
||
- 可以定义某个匿名函数来执行某些一次性任务。
|
||
|
||
## 自调函数
|
||
|
||
所谓自调函数就是在定义函数后自行调用。如下示例:
|
||
|
||
```javascript
|
||
(function(){
|
||
alert("javascript");
|
||
})();
|
||
```
|
||
|
||
上述代码的含义如下:
|
||
|
||
- 第一对括号，放置的是一个匿名函数。
|
||
- 第二对括号的作用，是“立即调用”。
|
||
|
||
自调函数只需将匿名函数的定义放进一对括号中，然后外面再跟一对括号即可。
|
||
|
||
自调函数也可以在调用时接收参数，如下示例:
|
||
|
||
```javascript
|
||
(function(name){
|
||
alert("hello " + name + "!");
|
||
})("javascript");// hello javascript
|
||
```
|
||
|
||
上述代码的含义如下:
|
||
|
||
- 第一个括号中的匿名函数接受一个参数。
|
||
- 第二个括号，在调用时，向匿名函数传递参数内容。
|
||
|
||
## 回调函数
|
||
|
||
当一个函数作为参数传递给另一个函数时，作为参数的函数被称之为回调函数。
|
||
|
||
```javascript
|
||
function add(a, b){
|
||
return a() + b();
|
||
}
|
||
var one = function(){return 1;}
|
||
var two = function(){return 2;}
|
||
alert(add(one,two)); //output 3
|
||
//可以直接使用匿名函数来替代one()和two()，以作为目标函数的参数
|
||
alert(add(function(){return 1;}, function(){return 2;}));
|
||
```
|
||
|
||
上述代码中，函数 one() 和 two() 都作为函数 add() 的参数传递。所以函数 one() 和 two() 都是回调函数。
|
||
|
||
当将函数A传递给函数B，并由B来执行A时，A就成了一个回调函数。如果A还是一个无名函数，就称之为匿名回调函数。
|
||
|
||
### 回调函数的优点如下:
|
||
|
||
- 它可以在不做命名的情况下传递函数（这意味着可以节省全局变量）。
|
||
- 可以将一个函数调用操作委托给另一个函数（这意味着可以节省一些代码编写工作）。
|
||
- 回调函数也有助于提升性能。
|
||
|
||
## 作为值的函数
|
||
|
||
将一个函数作为另一个函数的结果进行返回，作为结果返回的函数称之为作为值的函数。
|
||
|
||
```javascript
|
||
function fn( f, args ){
|
||
return f( args );
|
||
}
|
||
function add( num ){// 作为值的函数
|
||
return num + 10;
|
||
}
|
||
|
||
var result = fn( add, 10 );
|
||
console.log( result );// 20
|
||
```
|
||
|
||
上述代码还可以编写成如下方式:
|
||
|
||
```javascript
|
||
function fn( args ){
|
||
return add(){
|
||
return args + 10;
|
||
}
|
||
}
|
||
```
|
||
|
||
上述两段代码的区别在于:
|
||
|
||
```javascript
|
||
var f = fn( 10 );// function add(){ return 10 + 10; }
|
||
var result = f();// 20
|
||
``` |