JavaScript自执性匿名函数&回调函数

迷南。 2022-01-27 11:39 409阅读 0赞

### 一、自执性匿名函数 ###

**1、匿名函数**

> 匿名函数就是没有函数名的函数。

匿名函数的一些使用：

绑定事件：Btn.οnclick=function()\{\}

排序传参：\[\].sort(function()\{\})

声明字面量函数：var fn=funtion()\{\}

**2、自执行匿名函数**

> 这种函数不需要任何调用，即可立即执行。它也叫做 立即调用的函数表达式（标准叫法），或者一些其他的不怎么标准但常用的叫法【自调用函数、立即执行函数等】

**基本语法**

( function(param) {...} ) (param );
    
    // 不带参数
    (function(a, b) {
        return '自执行函数';
    })();   // 自执行函数
    
    // 不带参数
    (function(a, b) {
        return a*b;
    })(5,6);   // 30

**给上函数名只能在函数内部调用**

> 它可以有函数名，通常不写函数名。如果写了只能在函数内部进行调用
> 
> ![20190526164116653.png][]

> **其他不常用写法**
> 
>  ![20190526164236195.png][]
> 
> ![20190526164236208.png][]
> 
> ![20190526164236223.png][]

**自执行匿名函数写法的好处：防止变量名冲突**

### 二、回调函数 ###

1、概述

> 作为参数的函数就是回调函数！
> 
> 例如有两个函数A和B，如果函数A作为B的一个参数传入B的话，那么我们就称A是回调函数。

[20190526164116653.png]: /images/20220127/2b5cad9fd5a344d992b30b71e71dcfe3.png
[20190526164236195.png]: /images/20220127/5a5300c6c2694a898b3cfd528cfef848.png
[20190526164236208.png]: /images/20220127/4d7be8b9eecc41b08b382670e4c9e86d.png
[20190526164236223.png]: /images/20220127/87c3140508fe408f8f54ff5bed4ebbf1.png