JS———回调函数+函数自调用

目录

一、什么是回调函数？

二、回调函数作用

三、函数自调用

---

一、什么是回调函数？

把函数当作一个参数传到另外一个函数中，当需要用这个函数是，再回调运行()这个函数.

简单来说，函数可以作为一个参数传递到另外一个函数中.

function f1(fn) {
    let a =1;
    console.log(a,'a')
    fn()
}

f1(function() {
    console.log('callback')  // 1,'a'   callback
})

如上述代码，fn为形参。function() {
console.log(‘callback’)
} 为实参，当fn()形参调用时，实参function() {
console.log(‘callback’)
}同样也会触发调用

二、回调函数作用

1.可以在执行一个函数的同时执行另一个函数，且因为另一个函数是作为实参传递，另一个函数是可以自定义的；

2.除了主函数可以处理数据外，回调函数也可以进一步处理数据，并返回想要的结果。

---

三、函数自调用

1.自调用函数是一次性函数，是指在函数声明的同时调用，页面加载完毕，函数也执行完毕。

2.函数自调用的作用：开启一个新的作用域，避免命名冲突。

3.函数自调用的方法：

  使用（）实现自调用

            (function(n) {
				if(n<=5){
					console.log(5)
				}else{
					console.log(n)
				}
			})(10)

  使用 ！实现自调用

            !function(n) {
				if(n<=5){
					console.log(5)
				}else{
					console.log(n)
				}
			}(10)

  使用  + 实现自调用 

            +function(n) {
				if(n<=5){
					console.log(5)
				}else{
					console.log(n)
				}
			}(10)