1.Promise介绍
Promise是ES6引入的异步编程的新解决方案,语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果
- 从语法上讲,promise是一个对象,从它可以获取异步操作的信息,
- 从本意上讲,它是承诺,承诺它过一段时间会给你一个结果。
- promise有三种状态:pending进行中 fulfiled 已完成 rejected已失败
Promise的作用
- 用来解决回调地狱,常常第一个函数的输出是第二个函数的输入这种现象
- promise可以支持多个并发的请求,获取并发请求中的数据
- promise可以解决异步的问题,本身不能说明promise是异步的
2.Promise构造函数 Promise(excutor){}
Promise参数接收一个函数,有两个形参,分别是resolve和reject
- resolve,异步操作成功执行后的回调函数
- reject,异步操作失败执行后的回调函数
const p=new Promise(function(resolve,reject){
setTimeout(function(){
let data="数据库中的用户数据"
// 调用resolve说明读取成功
// resolve(data)
let err="数据读取失败"
reject(err)
},1000)
})
3.promise.prototype.then方法
调用promise的then方法 两个参数:第一个返回成功得到的值,第二个返回失败的原因
p.then(function(value){
console.log(value) //数据库中的用户数据
},function(reason){
console.error(reason)
})
- 如果回调函数中返回的结果是非promise类型的属性,状态为成功,结果为对象的成功值
- 如果回调函数中返回的结果是promise结果,成功:状态成功,返回对象的结果 失败:状态失败 返回失败的返回值
因为可以返回promise,所以可以写promise链,解决回调狱的问题
p.then((value) => {
}, (reason) => {
}).then((value) => {
}, (reason) => {
})
- 如果抛出错误 状态失败 返回失败的结果
4.Promise读取文件
引入node.js fs模块 fs模块就是文件系统模块,用于读写文件
const fs=reqire("fs")
fs.readFile异步读取文件的全部内容
fs.readFile(path[, options], callback)
const fs = require("fs")
const p = new Promise(function (resolve, reject) {
fs.readFile("./day04.md", (err, data) => {
if (err) reject(err)
resolve(data)
})
})
p.then(function (value) {
console.log(value.toString())
}, function (reason) {
console.error("读取失败")
})
5.promise封装ajax
// promise封装
const p = new Promise((resolve, reject) => {
// 原生ajax向url发送请求
const xhr = new XMLHttpRequest()
xhr.open("GET", "https://api.apiopen.top/getJoke")
xhr.send()
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 300) {
// 成功 调用resolve函数 修改promise对象的状态为成功
resolve(xhr.response)
} else {
// 失败
reject(xhr.status)
}
}
}
})
// 指定回调
p.then(function (value) {
console.log(value)
}, function (reason) {
console.error(reason)
})
6.promise.prototype.catch()方法
只传入错误回调函数 返回一个promise,并处理拒绝的情况
p.catch(reason => {
console.error(reason)
})