`

转载:详解 JavaScript 回调函数

 
阅读更多




转载:


很多人把回调(callback)和异步(asynchronous)的概念混淆在一起了。

1、定义

回调是什么?
看维基的 Callback_(computer_programming) 条目:

In computer programming, a callback is a reference to a piece of executable code that is passed as an argument to other code.

jQuery文档How jQuery Works#Callback_and_Functio...条目:

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. The special thing about a callback is that functions that appear after the "parent" can execute before the callback executes. Another important thing to know is how to properly pass the callback. This is where I have often forgotten the proper syntax.

百科:回调函数

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

因此,回调本质上是一种设计模式,并且jQuery(包括其他框架)的设计原则遵循了这个模式。

在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。

因此callback 不一定用于异步,一般同步(阻塞)的场景下也经常用到回调,比如要求执行某些操作后执行回调函数。

2、例子

一个同步(阻塞)中使用回调的例子,目的是在func1代码执行完成后执行func2。



Js代码 
1.var func1=function(callback){ 
2.    //do something. 
3.    (callback && typeof(callback) === "function") && callback(); 
4.} 
5. 
6.func1(func2); 
7.    var func2=function(){ 
8.} 

异步回调的例子:



Js代码 
1.$(document).ready(callback); 
2. 
3.$.ajax({ 
4.  url: "test.html", 
5.  context: document.body 
6.}).done(function() {  
7.  $(this).addClass("done"); 
8.}).fail(function() { alert("error"); 
9.}).always(function() { alert("complete");  
10.}); 
11./**
12.注意的是,ajax请求确实是异步的,不过这请求是由浏览器新开一个线程请求,当请求的状态变更时,如果先前已设置回调,这异步线程就产生状态变更事件放到 JavaScript引擎的处理队列中等待处理。
13.*/ 

3、回调什么时候执行

回调函数,一般在同步情境下是最后执行的,而在异步情境下有可能不执行,因为事件没有被触发或者条件不满足。

4、回调函数的使用场合
•资源加载:动态加载js文件后执行回调,加载iframe后执行回调,ajax操作回调,图片加载完成执行回调,AJAX等等。
•DOM事件及Node.js事件基于回调机制(Node.js回调可能会出现多层回调嵌套的问题)。
•setTimeout的延迟时间为0,这个hack经常被用到,settimeout调用的函数其实就是一个callback的体现
•链式调用:链式调用的时候,在赋值器(setter)方法中(或者本身没有返回值的方法中)很容易实现链式调用,而取值器(getter)相对来说不好实现链式调用,因为你需要取值器返回你需要的数据而不是this指针,如果要实现链式方法,可以用回调函数来实现
•setTimeout、setInterval的函数调用得到其返回值。由于两个函数都是异步的,即:他们的调用时序和程序的主流程是相对独立的,所以没有办法在主体里面等待它们的返回值,它们被打开的时候程序也不会停下来等待,否则也就失去了setTimeout及setInterval的意义了,所以用return已经没有意义,只能使用callback。callback的意义在于将timer执行的结果通知给代理函数进行及时处理。

5、回调函数的传递

上面说了,要将函数引用或者函数表达式作为参数传递。



Js代码 
1.$.get('myhtmlpage.html', myCallBack);//这是对的 
2.$.get('myhtmlpage.html', myCallBack('foo', 'bar'));//这是错的,那么要带参数呢? 
3.$.get('myhtmlpage.html', function(){//带参数的使用函数表达式 
4.myCallBack('foo', 'bar'); 
5.}); 

另外,最好保证回调存在且必须是函数引用或者函数表达式:



Js代码 
1.(callback && typeof(callback) === "function") && callback(); 
分享到:
评论

相关推荐

    javascript回调函数详解参考.docx

    JavaScript中的回调函数是一种重要的编程概念,它涉及到函数作为参数传递以及异步编程的基本原理。回调函数的核心在于,它不是直接被调用,而是被另一个函数在特定时机或事件发生时执行。这种机制使得我们能够在执行...

    JavaScript回调函数面试题.docx

    ### JavaScript回调函数知识点详解 #### 一、回调函数的基本概念 **回调函数**是JavaScript中一种重要的编程模式,尤其在处理异步操作时显得尤为重要。简单来说,回调函数就是一个通过参数传递给另一个函数的函数...

    回调函数讲解

    ### 回调函数详解 #### 一、回调函数的基本概念 在计算机编程中,回调函数是一种特殊的函数,它被作为参数传递给另一个函数,并在适当的时机由后者执行。这种机制为程序提供了高度的灵活性和可扩展性。接下来,...

    javascript 回调函数详解

    JavaScript函数作为对象的特性使得我们能够灵活地处理和传递它们。函数可以像变量一样被赋值、存储和传递。例如: ```javascript var multiply = function(a, b) { return a * b; }; var calculator = { add: ...

    详解C#委托,事件与回调函数

    ### 详解C#委托、事件与回调函数 #### 一、引言 在.NET框架下进行软件开发时,我们不可避免地会接触到各种各样的事件处理机制。这些机制背后的核心概念便是**委托**(Delegate)、**事件**(Event)以及**回调函数*...

    Java 回调函数详解及使用

    Java 回调函数详解 前言: C语言中回调函数解释: 回调函数(Callback Function)是怎样一种函数呢? 函数是用来被调用的,我们调用函数的方法有两种:  直接调用:在函数A的函数体里通过书写函数B的函数名来调用...

    回调函数介绍

    ### 回调函数详解 #### 一、回调函数的基础概念 **回调函数**是指在编程过程中,将一个函数作为参数传递给另一个函数,在适当的时机由后者调用前者的一种编程技术。这种方式常见于C/C++等语言中,尤其在处理复杂的...

    什么是回调函数.txt

    ### 回调函数详解 #### 一、回调函数的概念与作用 回调函数是一种在程序设计中常见的编程模式,它允许将一个函数作为参数传递给另一个函数,并在适当的时机由后者执行前者。这种机制使得程序可以更加灵活地处理...

    回调函数

    ### 回调函数详解 #### 一、回调函数概述 **回调函数**是一种常见的编程模式,在计算机编程领域中被广泛采用。它允许程序员指定一段函数(即回调函数),并在特定事件发生时由某个对象或库自动调用这段函数。这种...

    详细讲解C++回调函数的文档!

    回调函数在C++编程中是一种重要的机制,它允许我们将一个函数的指针作为参数传递给另一个函数,由后者在适当的时候调用。这种方式使得我们能够实现灵活的代码组织和解耦,尤其在需要定制行为或者处理多种不同类型的...

    halcon外触发get_framegrabber_callback注册回调函数方法

    本文将详细介绍如何在 C# 环境下利用 Halcon 的外触发机制来实现图像采集,并通过 `get_framegrabber_callback` 函数注册回调函数的方法。 #### 二、Halcon 外触发机制介绍 在实际应用中,很多时候我们需要根据...

    C语言 回调函数详解

    回调函数在C语言编程中是一种重要的机制,尤其在处理复杂逻辑和抽象接口时。回调函数的概念基于函数指针,即一个指向函数的指针。在C语言中,每个函数都有其在内存中的地址,函数指针就是存储这个地址的变量,从而...

    VB5中回调函数的使用方法...

    ### VB5中回调函数的使用方法详解 在深入探讨VB5中回调函数的使用方法之前,我们先来明确几个概念。回调函数(Callback Function)是一种编程技术,它允许程序员将函数作为参数传递到另一个函数中,以便在特定事件...

    javascript回调函数详解

    JavaScript中的回调函数是一种重要的编程概念,它在处理异步操作、事件驱动编程和函数式编程中扮演着核心角色。在JavaScript中,函数被视为一等公民,这意味着它们可以被赋值给变量、作为参数传递给其他函数,甚至...

    回调函数的使用

    ### 回调函数的使用详解 #### 一、引言 在编程领域,尤其是C/C++这样的语言中,回调函数是一种非常重要的编程技术。对于很多初学者来说,回调函数的概念可能显得较为抽象和难以理解。本文旨在深入浅出地介绍回调...

    C++ 中回调函数详解及简单实例

    C++ 中回调函数详解及简单实例 回调函数调用关系图   对于第一种情况,主程序可以从执行到回调函数,也可以不执行回调函数,关键看宿主函数是否调用了回调函数。 对于第二种情况,主程序可以从执行到回调函数,也...

    JS回调函数原理与用法详解【附PHP回调函数】

    本文实例讲述了JS回调函数原理与用法。分享给大家供大家参考,具体如下: JS回调函数 何为回调函数,官方解释:当程序跑起来时,一般情况下,应用程序(application program)会时常通过API调用库里所预先备好的函数...

    深入VC回调函数的使用详解

    回调函数的参数格式是由回调函数的调用者(一般是Windows)来定义的,而回调函数的实现者必须遵循这种格式。Windows程序是以事件驱动模型为基础的,这就必然要用到回调函数这种机制。要透彻了解回调函数,多看看SDK ...

    回调函数---第二种讲解方式

    "回调函数详解" 回调函数是一种特殊的函数,它不是程序员显式调用的函数,而是通过将回调函数的地址传给调用者从而实现调用。要实现回调,必须首先定义函数指针。函数指针是指向函数代码的首地址的指针变量,它可以...

Global site tag (gtag.js) - Google Analytics