【ES6新特性】Promise

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)
        })