promise 的基本概念和如何解决js中的异步编程问题对 promis 的 then all ctch 的分析和 await async 的理解

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

* promise承诺 * 解决js中异步编程的问题 * * 异步-同步 * 阻塞-无阻塞 * * 同步和异步的区别? 异步;同步指的是被请求者解析：被请求者（该事情的处理者）在处理完事情的时候的通知机制。异步：当事情处理完成后被请求者会发信息通知请求者该事情处理完成。在这期间被请求者可以选择是继续等待命令请求完成还是去做其他事等待被请求者返回。同步：当事情处理完成后被请求者不会告知请求者，等到请求者发来询问是才会告知阻塞；非阻塞指的是请求者阻塞：针对请求者来说的，委托其他人处理一些事情的时候，被请求者是等待请求处理完成还是继续向下执行其他任务。阻塞就是等待事情完成才继续执行非阻塞：针对请求者来说，请求者委托被请求者处理一些事情时不等被请求者答案先去做其他事，并且每隔一段时间询问被请求者该事件是否完成。 js采用的是异步非阻塞模式。 promise 是一个构造函数（在什么时候要用promise当我们进行一些操作需要同步进行时）通过new promise进行调用 Promise: * 构造函数 * new Promise(callback) * callback: 要异步处理的任务通过Promise构造函数得到一个Promise对象，我们传入的callback将会被Promise对象所执行 * Promise会维护一个任务状态，这个状态是一个Promise内部的属性 * [[PromiseStatus]] * 该属性一共有三个值 * 1. pending : 正在处理，Promise对象一旦被创建就会更改为该状态，他是默认值 * 2. resolved : 处理完成 * 3. rejected : 处理失败 * resolved,rejected这两个状态是需要靠我们手动去维护的。因为异步任务的结果是成功还是失败，是由我们的具体业务所决定的，Promise对象是没有办法确定的。我们需要在我们业务处理中，去根据实际情况改变Promise对象的状态 * 改变Promise状态 * 当我们把一个callback函数传递给Promise对象的时候，Promise对象会去执行该callback函数，同时，还会传递两个参数给这个callback，所以，我们可以在callback函数接收这两个参数 * 这两个参数都是一个函数 * resolve * 当我们调用该函数的时候，会把当前的Promise对象的状态改成resolved * reject * 当我们调用该函数的时候，会把当前的Promise对象的状态改成rejected * * Promise对象还有一个方法：then * 该方法接收两个参数，这两个参数都是callback函数，这两个callback不会立即执行，当Promise的状态一旦发生改变就会执行then方法中传入的函数，有点类似事件绑定 * 当Promise状态变成resolved，那么执行then的第一个参数callback * 当Promise状态变成rejected，那么执行then的第二个参数callback

举列：现在我们有一个延时定时器setTimeout 如下
var a=10；
setTimeout(()=>{
a+=10；
}，1000)；
console.log(a);//此时a打印出来为10 因为在js为异步非阻塞的语言在延时定时器中的函数还没有执行的时候下面的console.log就已经执行完毕所以打印出来为10 。
那么我们想得到延时定时器处理后的值可以这么做。
var a=10;
var p1=new Promise((resolve,reject)=>{
setTimeout(()=>{
a+=10;
resolve(err)//处理完成
},1000);//只有当处理完成之后才会执行then中的函数此时resolve（）中的东西为then的传参。
})
p1.then(()=>{
console.log(a)
});
此时打印出来的就是20.

列2 promise

then方法如何传递数据 * 我们可以通过resolve，reject方法来传递数据 * 我们只要在调用上面两个函数的时候，把需要传递给后续的then方法的数据作为其参数就可以 * catch也是类似catch方法就是捕获在promise的then中又传递了promise这样多个嵌套的话拿 then 的方法来监听太过繁琐 catch 监听主要有一个执行错误就会被catch捕获从而执行catch中的函数 * */ new Promise((resolve, reject) => { let b = 10; setTimeout(() => { b += 10; resolve(b); // reject('第一个任务出错了'); }, 1000); }).then(function(b) { console.log(b); return new Promise((resolve, reject) => { setTimeout(() => { b *= 2; resolve(b); // reject('第二个任务出错了'); }, 1000); }); }).then(function(b) { console.log(b); return new Promise((resolve, reject) => { setTimeout(() => { b *= b; resolve(b); reject('第三个任务出错了'); }, 1000); }); }).then(function(b) { console.log(b); }).catch(function(err) { console.log(err); });

promise的all方法

有的时候在一个Promise任务中需要处理多个异步任务，那这多个异步的任务是同时执行的，但是执行时间有是不确定的。后续的任务需要这几个异步任务全部完成以后再执行，那么就需要用到Promise中提供的all方法来实现 var p1 = new Promise((resolve, reject) => { let a = 1; setTimeout(() => { a++;

// reject('one'); resolve(a); }, Math.random() * 1000); });