- 一个函数被作为参数传递给另一个函数(在这里我们把另一个函数叫做otherFucntion),回调函数在otherFunction中被调用
回调函数原理:
假如你去商店买东西,刚好你要的东西商店没货,于是你在店员那里留下了你的电话号,过了几天 商店有货了,店员就打了你的电话,然后你接到电话就到店里去取货了,在这里例子中, 你的电话号就叫做回调函数,你把电话留给店员就叫登记回调函数,店里后来有货了叫做触发了回调关联的事件 店员给我打电话叫做调用回调函数,我去店里取货叫做响应回调事件
js中的函数可以作为参数进行传递
<button id="btn_1">回调函数1</button>
<button id="btn_2">回调函数2</button>
<script>
//使用命名函数作为回调
$("#btn_1").click(clickMe)
function clickMe(){
console.log(执行了回调函数1)
}
//这里的clickMe就是回调函数
//使用匿名函数作为回调
$("#btn_2").click(function(){
console.log("执行了回调函数2")
})
</script>
页面执行之后:
执行回调函数的基本原理:
传递参数给回调函数:
两种回调函数传参的方法
第一种: 将回调函数的参数作为回调函数同等级的参数进行传递
//匿名函数作为回调函数
var generalLastName = "Cliton";
function getInput(options, callback) {
var arr = [];
arr.push(options);
//将全局变量generalLastName传递给回调函数
callback(generalLastName, arr);
}
getInput({
name: "Rich",
speciality: "Javascript"
}, function (generalLastName, arr) {
console.log(generalLastName + ":" + arr[0].speciality) // Cliton:Javascript
});
//命名函数作为回调函数
var generalFirstName = "Eric";
function gotInput(options, call) {
var arr = [];
arr.push(options);
//将全局变量传递给回调函数
call(generalFirstName, arr);
}
function calltest(generalFirstName, arr) {
console.log(generalFirstName + ":" + arr[0].speciality) // Cliton:Javascript
}
gotInput({
name: "rich",
speciality: "Javascript"
}, calltest)
第二种:回调函数的参数在调用回调函数内部创建
var generalFirstName = "Eric";
function gotInput(call) {
var arr = [{
name: "rich",
speciality: "Javascript"
}];
arr.push(generalFirstName);
//将全局变量传递给回调函数
call(arr);
}
function calltest(arr) {
console.log(generalFirstName + ":" + arr[0].speciality) // Cliton:Javascript
}
gotInput(calltest)