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

最新推荐文章于 2023-07-14 09:51:08 发布

原创最新推荐文章于 2023-07-14 09:51:08 发布 · 445 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #函数 #自执行匿名函数 #回调函数

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了JavaScript中的自执行匿名函数，包括其定义、使用场景和避免变量冲突的优势。此外，还详细阐述了回调函数的概念，即作为参数传递的函数，并通过实例展示了其应用场景。

一、自执性匿名函数

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

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

它可以有函数名，通常不写函数名。如果写了只能在函数内部进行调用

其他不常用写法

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

二、回调函数

1、概述

作为参数的函数就是回调函数！

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

function f1(a, b) {
if (a == "f") {
b();//说明b是一个函数，执行他
}
else {
console.log(b);//说明a不是一个函数，开始在控制台打印b
}
}
function f2() {
alert("我是回调函数，我会作为一个参数传入到其他函数里面O(∩_∩)O");
}

//执行f1函数
f1("f", f2);