浅析JavaScript回调函数应用.docVIP

浅析JavaScript回调函数应用 这篇文章主要为大家详细介绍了 JavaScript回调函数 应用，感兴趣的朋友可以参考一下 一、回调函数定义 回调函数就是一个通过函数指针调用的函数。如果你 把函数的指针（地址）作为参数传递给另一个函数，当这 个指针被用为调用它所指向的函数时，我们就说这是回调 函数。回调函数不是由该函数的实现方直接调用，而是在 特定的事件或条件发生时由另外的一方调用的，用于对该 事件或条件进行响应。 在JavaScri pt中，回调函数具体的定义为：函数A作 为参数（函数引用）传递到另一个函数B中，并且这个函数B 执行函数A。我们就说函数A叫做回调函数。如果没有名称 （函数表达式），就叫做匿名回调函数。因此callback不一 定用于异步，一般同步（阻塞）的场景下也经常用到回调， 比如要求执行某些操作后执行回调函数。 例子 一个同步（阻塞）中使用回调的例子，目的是在funcl 代码执彳丁完成后执彳丁 fu nc20 varfu ncl=functio n（callback） { nbsp;//dos omething. n bsp; (callb ack amp; amp; ty peof (call back)=—z，fu nction)amp :amp:callba ck(): fund (func2); n bsp; varfunc 2=function () { } 二、回调函数的使用场合 资源加载：动态加载js文件后执行回调，加载iframe 后执行回调，ajax操作回调，图片加载完成执行回调， AJAX等等。 DOM事件及Node . js事件基于回调机制(Node, js回调 可能会出现多层回调嵌套的问题)o setTi meout的延迟时间为0,这个hack经常被用到, settimeo ut调用的函数其实就是一个callback的体现 链式调用：链式调用的时候，在赋值器(setter)方法 中(或者本身没有返回值的方法中)很容易实现链式调用， 而取值器(gett er)相对来说不好实现链式调用，因为你需 要取值器返回你需要的数据而不是this指针，如果要实现 链式方法，可以用回调函数来实现 se tTimeout se tInterval的函数调用得到其返回值。 由于两个函数都是异步的，即：他们的调用时序和程序的 主流程是相对独立的，所以没有办法在主体里面等待它们 的返回值，它们被打开的时候程序也不会停下来等待，否 则也就失去了 setTimeo ut及setlnter val的意义了,所 以用return已经没有意义，只能使用callb ack。callbac k的意义在于将time r执行的结果通知给代理函数进行及 时处理。 三、函数也是对象 想弄明白回调函数，首先的清楚地明白函数的规则。 在j avascript中，函数是比较奇怪的，但它确确实实是对 象。确切地说，函数是用Funct ion0构造函数创建的 Function对象。Function对象包含一个字符串，字符串包 含函数的javasc ript代码。假如你是从C语言或者java 语言转过来的，这也许看起来很奇怪，代码怎么可能是字 符串？但是对于ja vascript来说，这很平常。数据和代码 之间的区别是很模糊的。 //可以这样创建函数 varfn=newFu nction (z，arg 1, arg2, returnargl* arg2;”); fn⑵ 3);nbsp;//6 这样做的一个好处，可以传递代码给其他函数，也可 以传递正则变量或者对象(因为代码字面上只是对象而已)。 传递函数作为回调 很容易把一个函数作为参数传递。 functionf n(argl, arg2 , callback) {nbsp;varn um=Math. cei 1 (Math. rand om()*(argl- arg2)+arg2); nbsp;cal lback(num) ;//传递结果 } fn (10, 20, func tion (num) { nbsp:conso le.log(Cal lbackcalled !Num:，，+num) ;nbsp; }) ；//结果为10和20之间的随机数 可能这样做看起比较麻烦，甚至有点愚蠢，为何不正 常地返回结果？但是当遇上必须使用回调函数之时，你也 许就不这样认为了！ 别挡道 传统函数以参数形式输入数据，并且使用返回语句返 回值。理论上，在函数结尾处有一个retu rn返回语句，结 构上就是：一个输入点和一个输出点。这比较容易理解， 函数本质上就是输入和输出之间实现过程的映射。 但是，当函数的实现过程非常漫长，你是选择等待函 数完成处理，还是使用回调函数进行异步处理呢？这种情 况