1、Promise 简介
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise
对象。
所谓Promise
,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。
Promise
对象有以下两个特点。
(1)对象的状态不受外界影响。Promise
对象代表一个异步操作,有三种状态:pending
(进行中)、fulfilled
(已成功)和rejected
(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise
这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。
(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise
对象的状态改变,只有两种可能:从pending
变为fulfilled
和从pending
变为rejected
。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为 resolved(已定型)。如果改变已经发生了,你再对Promise
对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
30.2、Promise 的基本使用
新建的Promise就是一个容器,里面可以存放异步操作,也可以存放同步操作
const fs = require("fs"); const path = require("path"); let filePath = path.join(__dirname, "files", "3.txt"); // 异步操作可能成功或者失败 // 第一个形参resolve , 成功的时候执行的函数 // 第二个形参reject , 失败的时候执行的函数 let p1 = new Promise((resolve, reject)=>{ //1、同步代码 console.log("同步代码"); // pending(进行中)、fulfilled(已成功)和rejected(已失败) //2、异步代码 fs.readFile(filePath,"utf-8",(error1, data1)=>{ if(error1){ //失败的时候做的事情 reject(error1); // 调用后面p1.then的第二个函数 } //读取完之后做的事情 resolve(data1); // 调用后面p1.then的第二个函数 }) }); p1.then((data1)=>{ console.log("读取成功", data1); },(error1)=>{ console.log("读取失败", error1); });
30.3、Promise的then链式调用的特点
链式调用的特点: 1、第一个then执行完会执行第二个then 2、then里面的函数的返回值,会被下一个then的形参接收 3、如果返回的是一个promise对象,下一个then的形参接收到的不是这个promise对象,而是这个promise对象内部调用resolve时候的实际参数
const fs = require("fs"); const path = require("path"); let filePath = path.join(__dirname, "files", "3.txt"); // 新建的Promise就是一个容器,里面可以存放异步操作,也可以存放同步操作 // 异步操作可能成功或者失败 // 第一个形参resolve , 成功的时候执行的函数 // 第二个形参reject , 失败的时候执行的函数 let p1 = new Promise((resolve, reject)=>{ //1、同步代码 // console.log("同步代码"); // pending(进行中)、fulfilled(已成功)和rejected(已失败) //2、异步代码 fs.readFile(filePath,"utf-8",(error1, data1)=>{ if(error1){ //失败的时候做的事情 reject(error1) } //读取完之后做的事情 resolve("resolve的形参") }) }); //业内把promise then的写法被称为开火车开发 p1.then((data1)=>{ return p1 },(error1)=>{ console.log("读取失败", error1); return error1 }).then((data)=>{ console.log(data); // “resolve("resolve的形参") });