Promise及其应用

异步编程与Promise的关系

我们都知道，如果程序调用某个方法，等待其执行全部处理后才能继续执行，我们称其为同步的。相反，在处理完成之前就返回调用方法则是异步的。同步编程时，每个线程同时只能发起一个请求并同步等待返回，这种等待不仅使程序变慢，而且浪费了计算机资源，所以需要引入异步编程来解决这种问题。
异步编程是可以让程序并行运行的一种手段，其可以让程序中的一个工作单元与主应用程序线程分开独立运行，并且在工作单元运行结束后，会通知主应用程序线程它的运行结果或者失败原因。使用异步编程可以提高应用程序的性能和响应能力等。
而Promise 是异步编程的一种解决方案，Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。
Promise对象的状态改变，只有两种可能：从pending变为fulfilled和从pending变为rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为 resolved（已定型）。

Promise的作用与用法：

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件 (通常是一个异步操作)的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。

ES6规定，Promise对象是一个构造函数，用来生成Promise实例

Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由JavaScript引擎提供，不是自己部署。

resolve函数的作用，将Promise对象的状态从“未完成”变成“成功”(即从Pending变为Resolved)，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；

reject函数的作用是，在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

Promise实例生成以后，可以用then方法分别制定Resolved状态和Rejected状态的回调函数：then方法可以接受2个回调函数作为参数，第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数。

Promise新建后就会立即执行

基本用法

const promise = new Promise(function (resolve，reject) {l / . ..do something
if (/*异步操作成功*/){resolve(value ) ;
}else {
reject(error); //失败的原因}
});
在这里插入代码片

1. resolve函数的作用是，将Promise对象的状态从"未完成"变为"成功”(即从 pending 变为resolved)，在异步操作成功时调用，并将异步操作的结果，作为参数传递出去;
2. reject函数的作用是，将Promise对象的状态从"末完成"变为"失败”(即从pending变为rejected)，在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

1promise.then(function(value){
2l/value，如果成功把操作结果传给这个函数作为回调函数3 }, function(error){
4 llerror，如果失败把操作报出的错误传给这个函数作为回调函数5 });

then方法可以接受两个回调函数作为参数。

• 第一个回调函数是Promise对象的状态变为resolved时调用，
• 第二个回调函数是Promise对象的状态变为rejected时调用。
• 其中，第二个函数是可选的，不一定要提供。
• 这两个函数都接受Promise对象传出的值作为参数。

异步编程与Promise的区别

通常来说，程序都是顺序执行的，同一时刻只会发生一件事。如果一个函数依赖于另一个函数的结果，它只能等待那个函数结束才能继续执行，从用户的角度来说，整个程序才算运行完毕。Promise 是异步编程的一种解决方案，比传统的解决方案回调函数和事件更合理和更强大。

Promise在实际环境下的应用

1. 异步加载图片

function loadImageAsync(url){i
return new Promise ( function ( resolve, reject){
var image=new Image( ) ;
image.onload=function( ){
resolve(this );
};
image.onerror=function( ){
reject(new Error( 'Counld not load image at ' + url)) ;};
image.src=url;});
}
loadImageAsync( ' http: / / p.ananas.chaoxing.com/star3/origin/56eba45i498edbe2900a334f.png ' ) .then (function ( image){
document.body .appendChild ( image ) ;
console.log(Image loaded: $`{image.src}`);}, function(error){
console .log (error ) ;});

async和await的作用及方法

• async是"异步"的简写，async用于申明一个异步的function
• await可以认为是 async wait的简写，await用于等待一个异步方法执行完成。

特点:

1. asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数
2. 异步async函数调用，跟普通函数的使用方式—样
3. 异步async函数返回一个promise对象
4. async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的