回调函数

Posted 2020-09-05 cosyer的博客

1.百科:回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调函数。回调函数不是由该函数的实现方直接调用，而是在特定的事件或条件发生时由另外的一方调用的，用于对该事件或条件进行响应。

2.常见误区:

function func(para, cb) {
  console.log(para);
  var num = Math.random();
  cb(num);
}
  var callback = function (num) {
  console.log(num);
}
  func(1, callback);

这只是普通的函数调用！！！

3.理解:

　　同步、异步： 是否有主动通知的功能？ 如果会主动通知，即为异步；否则为同步。

　　阻塞、非阻塞：  是否在一直等待？ 如果是，即为阻塞； 否则为非阻塞。

　　回调：英文名为callback，即打电话过来之意。你去一个商店买东西，暂时没有货； 你留下电话， 并委托一件事情---有货了给我打电话。 有货了它就打来电话，然后你去取货。在这个过程中，你的电话号码就是回调函数。你把电话留给店员就叫登记回调函数，店里后来有货了叫做触发了回调关联的事件，店员给你打电话叫做调用回调函数，你到店里去取货叫做响应回调事件。具体这么多也不重要，重要的是callback才是回调函数，即不是你主动的去调用函数，而是系统主动的调用你写的函数。

4.事例:

function uploadUtil(payload,test) {
    var fd = new FormData();
    // var tmp undefined 尚未执行
    fd.append("file", payload.file);
    // console.log(fd.get("file"))
    $.ajax({
        async:false,
        url: "xxx",
        type: "POST",
        dataType:‘json‘,
        data: fd,
        processData: false,  // 告诉jQuery不要去处理发送的数据
        contentType: false,  // 告诉jQuery不要去设置Content-Type请求头
        success : function(data) { 
            console.log(data) 
            test(data)
        },   
        error : function(data) {   
            console.log(data) 
        }});
}
//函数调用
uploadUtil(payload,function(data){
console.log(data)
})

这里的success,error就是回调函数，API事先设计好的异步。在success或者error你可以做其他事。