[Effective JavaScript 笔记]第62条:在异步序列中使用嵌套或命名的回调函数

异步程序的操作顺序

61条讲述了异步API如何执行潜在的代价高昂的I/O操作,而不阻塞应用程序继续处理其他输入。理解异步程序的操作顺序刚开始有点混乱。例如,下面的代码会在打印"finished"之前打印“starting”,即使这两个动作的程序源文件中以相反的顺序呈现。

downloadAsync(‘file.txt‘,function(file){
    console.log(‘finished‘);
});
console.log(‘starting‘);

downloadAsync调用会立即返回,不会等待文件完成下载。同时,js的运行到完成机制确保下一行代码会在处理其他事件处理程序之前被执行。也就是说"starting"一定会在"finished"之前被打印。
理解操作序列的最简单的方式是异步API是发起操作而不是执行操作。上面的代码发起了一个文件的下载然后立即打印了“starting”。当下载完成后,在事件循环的某个单独的轮次中,被注册的事件处理程序才会打印出“finished”。

如何串联异步操作

如果你需要在发起一个操作后做一些事情,如果只能在一行中放置好几个声明,那么如何串联已完成的异步操作呢?例如,如果我们需要在异步数据库中查找一个URL,然后下载这个URL的内容?不可能发起两个连续的请求。

db.lookupAsync(‘url‘,function(url){

});
downloadAsync(url,function(text){//error:url is bound
    console.log(‘contents of ‘ + url +‘:‘+text);
});

以上代码不可能工作,因为从数据库查询到的URL结果需要作为downloadAsync方法的参数。但是它并不在作用域内。我们所做的这一步只是发起数据库查找,查找的结果还不可用。

回调函数处理

最简单的处理方法使用嵌套。借助于闭包的魔力,将第二个动作嵌套在第一个动作的回调函数中。

db.lookupAsync(‘url‘,function(url){
    downloadAsync(url,function(text){
       console.log(‘contents of ‘ + url +‘:‘+text);
    });
})

这里有两个回调函数,但第二个被包含在第一个中,创建闭包能够访问外部回调函数的变量。
嵌套的异步操作很容易,但当扩展到更长的序列时会很快变得麻烦。

db.lookupAsync(‘url‘,function(url){
    downloadAsync(url,function(file){
        downloadAsync(‘a.txt‘,function(a){
            downloadAsync(‘b.txt‘,function(b){
                downloadAsync(‘c.txt‘,function(c){
                    //....
                });
            });
        });
    });
});

回调命名的函数

减少过多的嵌套的方法之一是将嵌套的回调函数作为命名的函数,并将它们需要附加数据作为额外的参数传递。以上代码可以改写为:

db.lookupAsync(‘url‘,downloadURL);
function downloadURL(url){
    downloadAsync(url,function(text){
        showContents(url,text);
    });
}
function showContents(url,text){
    console.log(‘contents of ‘ + url +‘:‘+text);
}

使用bind方法消除嵌套

为了合并外部的url变量和内部的text变量作为showContents方法的参数,在downloadURL方法中仍然使用了嵌套的回调函数。这里可以使用bind方法消除最深层的嵌套回调函数。

db.lookupAsync(‘url‘,downloadURL);
function downloadURL(url){
    downloadAsync(url,showContents.bind(null,url));
}
function showContents(url,text){
    console.log(‘contents of ‘ + url +‘:‘+text);
}

这种做法可以使代码看起来很有顺序性,但需要为操作序列的每个中间步骤命名,并且一步步地使用绑定。这可能导致尴尬的情况,如多层嵌套时。

db.lookupAsync(‘url‘,downloadURLAndFiles);
function downloadURLAndFiles(url){
    downloadAsync(url,downloadABC.bind(null,url));
}

function downloadABC(url,file){
    downloadAsync(‘a.txt‘,downloadBC.bind(null,url,file));
}

function downloadBC(url,file,a){
    downloadAsync(‘b.txt‘,downloadC.bind(null,url,file,a));
}
function downloadC(url,file,a,b){
    downloadAsync(‘c.txt‘,finish.bind(null,url,file,a,b));
}
function finish(url,file,a,b,c){
    //....
}

结合两种方法

结合这两种方法,会使代码更易理解。

db.lookupAsync(‘url‘,function(url){
   downloadURLAndFiles(url);
});

function downloadURLAndFiles(url){
    downloadAsync(url,downloadFiles.bind(null,url));
}
function downloadFiles(url,file){
    downloadAsync(‘a.txt‘,function(a){
        downloadAsync(‘b.txt‘,function(b){
            downloadAsync(‘c.txt‘,function(c){
                //...
            });
        });
    });
}

最后一步可以使用一个额外的抽象来简化,可以下载多个文件并将它们存储在数组中。

function downloadFiles(url,file){
    downloadAllAsync([‘a.txt‘,‘b.txt‘,‘c.txt‘],function(all){
        var a=all[0],b=all[1],c=all[2];
    });
}

使用downloadAllAsync函数允许我们同时下载多个文件。排序意味着每个操作只有等前一个操作完成后才能启动。一些操作本质上是连续的,比如下载我们从数据库查询到的URL。但如果我们有一个文件列表要下载,没理由等每个文件完成下载后才请求接下来的一个。
除了嵌套和命名回调,还可以建立更高层的抽象使异步控制流更简单、更简洁。

提示

  • 使用嵌套或命名的回调函数按顺序地执行多个异步操作

  • 尝试在过多的嵌套的回调函数和尴尬的命名的非嵌套回调函数之间取得平衡
  • 避免将可被并行执行的操作顺序化
时间: 2024-10-08 01:17:29

[Effective JavaScript 笔记]第62条:在异步序列中使用嵌套或命名的回调函数的相关文章

Effective JavaScript Item 62 在异步调用中使用嵌套或者命名的回调函数

在一开始,理解异步程序的调用顺序会有些困难.比如,下面的程序中,starting会先被打印出来,然后才是finished: downloadAsync("file.txt", function(file) { console.log("finished"); }); console.log("starting"); downloadAsync方法在执行之后会立即返回,它只是为下载这个行为注册了一个回调函数而已. 由于JavaScript"

[Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码

函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式传递给eval函数以达到同样的功能.程序员面临一个选择:应该将代码表示为函数还是字符串?毫无疑问,应该将代码表示为函数.字符串表示代码不够灵活的一个重要原因是:它们不是闭包. 闭包回顾 看下面这个图 js的函数值包含了比调用它们时执行所需要的代码还要多的信息.而且js函数值还在内部存储它们可能会引用

[Effective JavaScript 笔记]第28条:不要信赖函数对象的toString方法

js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+1}" 反射获取函数源代码的功能很强大,使用函数对象的toString方法有严重的局限性.toString方法的局限性ECMAScript标准对函数对象的toString方法的返回结果(即该字符串)并没有任何要求.这意味着不同的js引擎将产生不同的字符串,甚至产生的字符串与该函数并不相关. 如果函数

[Effective JavaScript 笔记] 第4条:原始类型优于封闭对象

js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //"number" typeof "s";//"string" typeof null;//"object":ECMAScript把null描述为独特的类型,但返回值却是对象类型,有点困惑. 可以使用Object.prototype.t

[Effective JavaScript 笔记]第68条:使用promise模式清洁异步逻辑

构建异步API的一种流行的替代方式是使用promise(有时也被称为deferred或future)模式.已经在本章讨论过的异步API使用回调函数作为参数. downloadAsync('file.txt',function(file){ console.log('file:'+file); }); 基于promise的API不接收回调函数作为参数.相反,它返回一个promise对象,该对象通过其自身的then方法接收回调函数. var p=downloadP('file.txt'); p.th

[Effective JavaScript 笔记]第67条:绝不要同步地调用异步的回调函数

设想有downloadAsync函数的一种变种,它持有一个缓存(实现为一个Dict)来避免多次下载同一个文件.在文件已经被缓存的情况下,立即调用回调函数是最优选择. var cache=new Dict(); function downloadCachingAsync(url,onsuccess,onerror){ if(cache.has(url)){ onsuccess(cache.get(url)); return; } return downloadAsync(url,function(

[Effective JavaScript 笔记]第63条:当心丢弃错误

管理异步编程的一个是错误处理.同步代码中只要使用try语句块包装一段代码很容易一下子处理所有的错误. try{ f(); g(); h(); } catch(e){ //这里用来下得出现的错误 } try语句块 但对于异步的代码,多步的处理通常会被分隔到事件队列的单独轮次中,因此,不可能将它们包装在一个try语句块中.事实上异步的API甚至根本不可能抛出异常,因为,当一个异步的错误发生时,没有一个明显的执行上下文来抛出异常!相反,异步的API倾向于将错误表示为回调函数的特定参数,或使用一个附加的

[Effective JavaScript 笔记]第61条:不要阻塞I/O事件队列

js程序是构建在事件之上的.输入可能来自不同的外部源.在一些语言中,我们习惯地编写代码来等待某个特定的输入. var text=downloadSync('http://example.com/file.txt'); console.log(text); 像这样的形式downloadSync称为同步函数(或阻塞函数).程序会停止做任何工作,而等待它的输入.在这个例子中,也就是等待从网络上下载文件的结果.由于在等待下载完成的期间,计算机可以做其他有用的工作,因此这样的语言通常为程序员提供一种方法来

[Effective JavaScript 笔记]第45条:使用hasOwnProperty方法以避免原型污染

之前的43条,44条讨论了属性的枚举,但都没有彻底地解决属性查找中原型污染的问题.看下面关于字典的一些操作 'zhangsan' in dict; dict.zhangsan; dict.zhangsan=22; js的对象操作总是经继承的方式工作的.即使是一个空的对象字面量也是继承了Object.protoype属性. var dict={}; 'zhangsan' in dict;//false 'lisi' in dict;//false 'wangwu' in dict;//false'