关于 JavaScript 中的特殊函数，你应该这样看

特殊函数

在 JavaScript 中存在许多特殊的函数，以下讲述了一些常见的特殊函数。

• 匿名函数
  • 回调函数
  • 自调函数
• 作为值的函数

匿名函数

JavaScript 可以将函数作为数据使用。作为函数本体，它像普通的数据一样，不一定要有名字。默认名字的函数被称之为匿名函数。如下示例：

function(a){
    return a;
}

匿名函数的两种用法：

• 回调函数：可以将匿名函数作为参数传递给其他函数。这样，接收方函数就能利用所传递的函数来完成某些事情
• 自调函数：函数调用自身（定义即调用的函数），可以定义某个函数来执行某些一次性任务

回调函数

当一个函数作为参数传递给另一个函数时，作为参数的函数被称之为回调函数。

function add(a,b){
    return a() + b();
}

var one = function(){
    return 1;
}
var two = function(){
    return 2;
}

console.log(add(one,two));  // output 3
// 可以直接使用匿名函数来替代 one() 和 two(),以作为目标函数的参数
console.log(add(function(){return 1;},function(){return 2;}));

如下所示：

带参数的回调函数：

自调函数

所谓自调函数就是在定义函数后自行调用。如下示例：

(function(){
    console.log('javascript');
})(); 

上述代码的含义如下：

• 第一对括号的作用，放置的是一个匿名函数。
• 第二对括号的作用，是“立即调用”

自调函数只需将匿名函数的定义放进一对括号中，然后外面再根一对括号即可。

作用：用于执行一次性的逻辑任务
应用：作为整体逻辑代码外层结构

自调函数有多种写法：

// 自调函数有多种不同写法
(function(v){
    var w = 100;  // 局部变量
    console.log('this is ' + v);
})('function');

// 表达式方式
(function(v){
    var w = 100;  // 局部变量
    console.log('this is ' + v);
}('function'));

+function(v){
    var w = 100;  // 局部变量
    console.log('this is ' + v);
}('function');

!function(v){
    var w = 100;  // 局部变量
    console.log('this is ' + v);
}('function');

~function(v){
    var w = 100;  // 局部变量
    console.log('this is ' + v);
}('function');

作为值的函数

将一个函数作为另一个函数的结果进行返回，作为结果返回的函数称之为作为值的函数。

function fn(f,args){
    return f(args);
}
function add(num){       // 作为值的函数 
    return num+10;
}
var result = fn(add,10);
console.log(result);     // 20