标签:fun nta 自动识别 deb 写法 return ISE 方式 理由
对于从未听说过async/await的朋友,下面是简介:
示例中,getJSON函数返回一个promise,这个promise成功resolve时会返回一个json对象。我们只是调用这个函数,打印返回的JSON对象,然后返回”done”。
使用Promise是这样的:
1 const makeRequest = () => 2 getJSON() 3 .then(data => { 4 console.log(data) 5 return "done" 6 }) 7 8 makeRequest()
使用Async/Await是这样的:
1 const makeRequest = async () => { 2 console.log(await getJSON()) 3 return "done" 4 } 5 6 makeRequest()
下面,我们可以通过一个非常简单的示例来体验一下Async/Await的酸爽:
1 const Promise = require("bluebird") 2 var readFile = Promise.promisify(require("fs").readFile) 3 4 // 使用Promise 5 function usePromise() 6 { 7 let a 8 readFile("a.txt", "utf8") 9 .then(tmp => 10 { 11 a = tmp 12 return readFile("b.txt", "utf8") 13 }) 14 .then(b => 15 { 16 let result = a + b 17 console.log(result) // 输出"Hello, Fundebug!" 18 }) 19 20 } 21 22 // 使用Async/Await 23 async function useAsyncAwait() 24 { 25 let a = await readFile("a.txt", "utf8") 26 let b = await readFile("b.txt", "utf8") 27 let result = a + b 28 console.log(result) // 输出"Hello, Fundebug!" 29 } 30 31 usePromise() 32 useAsyncAwait()
由示例可知,使用Async/Await极大地简化了代码,使得代码可读性提高了非常多。
是的是的。
一方面,这里替代的是异步代码的编写方式,并非完全抛弃大家心爱的Promise,地球人都知道Async/Await是基于Promise的,不用太伤心;另一方面,Promise是基于回调函数实现的,那Promise也没有替代回调函数咯?
重构代码之后,我仍然用到了Promise库bluebird。”Talk is cheap, Show me the code!”,大家不妨看看两个示例。
使用Promise.promisify将不支持Promise的方法Promise化,调用异步接口的时候有两种方式:
1 const Promise = require("bluebird") 2 var readFile = Promise.promisify(require("fs").readFile) 3 4 // 使用Promise 5 function usePromise() 6 { 7 readFile("b.txt", "utf8") 8 .then(b => 9 { 10 console.log(b) 11 }) 12 } 13 14 // 使用Async/Await 15 async function useAsyncAwait() 16 { 17 var b = await readFile("b.txt", "utf8") 18 console.log(b) // 输出"Fundebug!" 19 } 20 21 usePromise() 22 useAsyncAwait()
使用Promise.map读取多个文件的数据,调用异步接口的时候有两种方式:
1 const Promise = require("bluebird") 2 var readFile = Promise.promisify(require("fs").readFile) 3 var files = ["a.txt", "b.txt"] 4 5 // 使用Promise 6 function usePromise() 7 { 8 Promise.map(files, file => 9 { 10 return readFile(file, "utf8") 11 }) 12 .then(results => 13 { 14 console.log(results) 15 }) 16 } 17 18 // 使用Async/Await 19 async function useAsyncAwait() 20 { 21 var results = await Promise.map(files, file => 22 { 23 return readFile(file, "utf8") 24 }) 25 console.log(results) 26 } 27 28 usePromise() 29 useAsyncAwait()
没错,我的确使用了Promise库,readFile与Promise.map都是Promise函数。但是,在调用readFile与Promise.map函数时,使用Async/Await与使用Promise是两种不同写法,它们是相互替代的关系。
有啊有啊。
使用了await的函数定义时要加一个async,调用异步函数的时候需要加一个await,这玩意写多了也觉着烦,有时候还容易忘掉。不写async代码直接报错,不写await代码执行会出错。
1 const Promise = require("bluebird") 2 var readFile = Promise.promisify(require("fs").readFile) 3 4 // 没有Async 5 function withoutAsync() 6 { 7 let b = await readFile("b.txt", "utf8") // 报错"SyntaxError: Unexpected identifier" 8 console.log(b) 9 } 10 11 // 没有await 12 async function withoutAwait() 13 { 14 let b = readFile("b.txt", "utf8") 15 console.log(b) // 打印"Promise..." 16 } 17 18 withoutAsync() 19 withoutAwait()
既然Async/Await写着有点添乱,可不可以不写呢?我想以后应该是可以的,只要能够自动识别异步代码就行了,这应该也是未来的发展方向。至于说如何实现,那我就不知道了哎。
JavaScript的异步编写方式,从回调函数到Promise再到Async/Await,表面上只是写法的变化,本质上则是语言层的一次次抽象,让我们可以用更简单的方式实现同样的功能,而程序员不需要去考虑代码是如何执行的。在我看来,这样的进步应该不会停止,有一天我们也许不用写Async/Await了!
标签:fun nta 自动识别 deb 写法 return ISE 方式 理由
原文地址:https://www.cnblogs.com/shiweida/p/8763123.html