ES6之前的异步方案参考ES5异步机制
一、为什么需要异步处理?
1、异步与同步概念和区别
同步:多个线程执行时,当一个线程执行时,其它线程会阻塞,等待当前线程执行完毕。
异步:多个线程执行时,当一个线程执行时,其它线程同时执行,互不影响。
2、什么情况下需要异步处理
IO处理,网络请求等耗时操作。
二、回调地狱
1、回调函数
2、回调地狱
三、异步最佳实践——Promise
1、基本介绍
Promise 对象用于表示一个异步操作的最终状态(完成或失败),Promise在回调代码和将要执行这个任务的异步代码之间提供了一种可靠的中间机制来管理回调。
本质上Promise就是一个构造函数。
2、基本语法
new Promise( function(resolve, reject) {
...}); //第一个参数一般我们称为executor
//实例
var promise = new Promise(function(resolve, reject) {
setTimeout(resolve, 100, 'foo');
});
参数说明:
Executor :( 同步回调函数)
executor是带有 resolve 和 reject 两个参数的函数 。Promise构造函数执行时立即调用executor 函数,在实例对象被返回前。resolve 和 reject 两个函数作为参数传递给executor。resolve 和 reject 函数被调用时,分别将promise的状态改为fulfilled(完成)或rejected(失败)。executor 内部通常会执行一些异步操作,一旦完成,可以调用resolve函数来将promise状态改成fulfilled,或者在发生错误时调用reject函数将它的状态改为rejected。如果在executor函数中抛出一个错误,那么该promise 状态为rejected。executor函数的返回值被忽略。
3、快速入门案例
<script>
/*Promise异步处理:用同步的编码方式处理异步代码 可以解决回调地狱 有利于业务逻辑的梳理
优点:传递数据方便
缺点:没有摆脱回调*/
// 基本语法
var promise = new Promise(function (resolve, reject) {