关于 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;}));

如下所示:
https://gitee.com/project_almanac/change/raw/master/JavaScript/TiFuecn

带参数的回调函数:

https://gitee.com/project_almanac/change/raw/master/JavaScript/tsndzz2

自调函数

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

(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
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页