回调函数

最新推荐文章于 2025-09-04 18:55:33 发布

weixin_33922672

最新推荐文章于 2025-09-04 18:55:33 发布

阅读量53

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/cosyer/p/6565786.html

本文详细解释了回调函数的概念及其应用场景，包括同步与异步的区别、阻塞与非阻塞的工作方式，以及通过实例说明如何使用回调函数处理文件上传等任务。

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才是回调函数，即不是你主动的去调用函数，而是系统主动的调用你写的函数。cb(num);的时候就直接调用了这个函数，所以也就不存在是系统来调用你的函数了。故你还是主动方，是你调用了函数。除非它给你打了电话（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你可以做其他事。

回调地狱:

fs.readFile('/etc/password', function(err, data){
    // do something
    fs.readFile('xxxx', function(err, data){
        //do something
            fs.readFile('xxxxx', function(err, data){
            // do something
        })
    })
})

转载于:https://www.cnblogs.com/cosyer/p/6565786.html