码迷,mamicode.com
首页 > 其他好文 > 详细

回调函数

时间:2017-03-17 15:04:06      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:style   来电   阻塞   设计   tty   dom   处理   logs   函数调用   

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你可以做其他事。

回调函数

标签:style   来电   阻塞   设计   tty   dom   处理   logs   函数调用   

原文地址:http://www.cnblogs.com/cosyer/p/6565786.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!