js回调函数--callback

2022-02-24 06:06:39

1. 回调函数是什么

回调函数就是函数A执行完之后，有一个函数B用来做其他的事情。

一般是将函数B，作为参数，传入到函数A中。

2.实现方法

2.1 使用命名函数

function A(callback){
  console.log("A执行")
  callback();
}
function B(){  //B是回调函数
  console.log("B执行");
}
// 使用
A(B); //这里的B没有括号。
// 输出
A执行 
B执行

2.2 匿名回调函数

function A(num1, num2, callback){ 
    var sum = num1 + num2; 
    callback(sum); 
 } 
 // 使用
A(1, 2, function(sum){ 
    console.log(sum); 
 });
 // 输出
 3

3.使用含有this对象的回调函数

var obj={
    name:"",
    setName:function(name){
        this.name=name;
    }
}
function A(name,callback){
    callback(name);
}
//调用
A('syl',obj.setName);
//检测
window.name;
输出："syl"
//检测
obj.name;
输出：""

本来我们是希望obj的name是“syl”，但是却没有，这是因为A函数属于全局环境，导致name属性的也属于全局环境。所以我们需改变name的环境，即改变this的环境。

var obj={
    name:"",
    setName:function(name){
        this.name=name;
    }
}
function A(name,callback,obj){
    callback.call(obj,name);
}
//调用
A('syl',obj.setName,obj);
//检测
window.name;
输出：""
//检测
obj.name;
输出："syl"

一个很好的例子：

比如爬楼梯，你要成功爬上1楼，才能爬2楼，然后三楼

半夏话前端

微信公众号

帮助更多人成长！

已关注

码农公寓