用Async函数简化异步代码

就像你看到的，这个函数返回一个 promises，将会赋值给 val，猜一下生成器和异步函数示例做了什么!无论你在这个函数返回了什么，你其实是暗地里返回一个 promise 解析到那个值。如不雅你根本就没有返回任何值，你暗地里返回的 promise 解析为 undefined。

Promise 在 JavaScript 上宣布之初就在互联网优势行了起来 — 它们帮开辟人员摆脱了回调地狱，解决了在很多处所困扰 JavaScript 开辟者的异步问题。但 Promises 也远非完美。它们一向请求回调，在一些复杂的问题上仍话苄些混乱和一些难以置信的冗余。

跟着 ES6 的到来(如今被称作 ES2015)，除了惹人 Promise 的规范，不须要请求那些数不尽的库之外，我们还有了生成器。生成器可在函数内部停止履行，这意味着可把它们封装在一个多用处的函数中，我们可在代码移动到下一行之前等待异步操作完成。忽然你的异步代码可能就开端看起来同步了。

这只是第一步。异步函数因本年参加 ES2017，已进行标准化，本地支撑也进一步优化。异步函数的理念是应用生成器进行异步编程，并给出他们本身的语义和语法。是以，你无须应用库来获取封装的实用函数，因为这些都邑在后台处理。

运行文┞仿中的 async/await 实例，你须要一个能兼容的浏览器。

运行兼容

在客户端，Chrome、Firefox 和 Opera 能很好地支撑异步函数。

大年夜 7.6 版本开端，Node.js 默认启用 async/await。

异步函数和生成器比较

这有个应用生成器进行异步编程的实例，用的是 Q 库:

var doAsyncOp = Q.async(function* () { 
 
  var val = yield asynchronousOperation(); 
 
  console.log(val); 
 
  return val; 
 
});

Q.async 是个封装函数，处理场景后的工作。个中 * 表示作为一个生成器函数的功能，yield 表示停止函数，并用封装函数代替。Q.async 将会返回一个函数，你可对它赋值，就像赋值 doAsyncOp 一样，随后再调用。

ES7 中的新语法更简洁，操作示例如下：

async function doAsyncOp () { 
 
  var val = await asynchronousOperation();      
 
  console.log(val); 
 
  return val; 
 
};

比如，这段代码无法运行：

差别不大年夜，我们删除了一个封装的函数和 * 符号，转而用 async 关键字代替。yield 关键字也被 await 代替。这两个例子事实上做的事是雷同的：在 asynchronousOperation 完成之后，赋值给 val，然落后行输出场返回结不雅。

将 Promises 转换成异步函数

如不雅我们应用 Vanilla Promises 的话前面的示例将会是什么样?

function doAsyncOp () { 
 
  return asynchronousOperation().then(function(val) { 
 
    console.log(val); 
 
    return val; 
 
  }); 
 
};

这里有雷同的代码行数，但这是因为 then 和给它传递的回调函数增长了很多的额外代码。另一个让人腻烦的昵嘟个 return 关键字。这一向有些事困扰着我，因为它很难弄清跋扈应用 promises 的函数确切的返回是什么。

Promise 之所以能受到世人追捧，个一一个方面是因为它能以链式调用的方法把多个异步操作连接起来，避免了嵌入情势的回调。不过 async 函数在这个方面甚至比 Promise 做得还好。

下面演示了若何应用 Promise 来进行链式操作(我们只是简单的多次运行 asynchronousOperation 来进行演示)。

链式操作

function doAsyncOp() { 
 	
			 1/7    1 2 3 4 5 6 下一页 尾页	
			

　　推荐阅读
　　一文看懂数据可视化：从编程工具到可视化表现方式
            
            说到可视化，就不得不说一下大年夜数据，毕竟可视化是解决大年夜数据的一种高效的手段，而如今人人都在谈论大年夜数据，大年夜数据 &ne; 稀有据 &ne; 数据量大年夜，  离谱的是，如今就连>>>详细阅读


本文标题：用Async函数简化异步代码
地址：http://www.17bianji.com/lsqh/34848.html
 1/2    1