Promise介绍

Promise介绍

---

名词约定

一般来讲，有以下的名词约定：

• promise(首字母小写)对象指的是"Promise"实例对象
• Promise首字母大写且单数形式，表示"Promise构造函数"
• Promises首字母大写且复数形式，用于指代"Promise规范"

什么是Promise？

---

• Promise，简单来说就是一个容器,里面保存着某个未来才会结束的事件（通常是一个异步操作）
• 从语法上说，Promise是一个对象，从它可以获取异步操作的最终状态（成功或者失败）
• Promise是一个构造函数，对外提供统一的API，自己身上有all，reject，resolve等方法，原型上有then，catch方法。

Promise的两个特点

---

1.Promise对象的状态不受外界影响

• (1).pending初始状态
• (2).fulfilled成功状态
• (3).rejected失败状态
  Promise有以上三种状态，只有异步操作的结果是可以决定当前是哪一种状态，其他任何操作都无法改变这个状态。
  2.Promise的状态一旦改变，就不会再变，任何时候都可以得到这个结果，pending变成fulfilled或者由pending
  变成rejected

使用new来创建一个promise对象

---

Promise接受一个【函数】作为参数，该函数的两个参数分别是resolve和reject。这两个函数就是【回调函数】
resolve函数的作用：在异步操作成功的时候调用，并将异步操作的结果，作为参数传递出去；
reject函数的作用：在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。

const promise = new Promise((resolve,reject) =>{
	//do something here ...
	if(success){
		resolve(value);    //fulfilled
	}else{
		reject(error);     //rejected
	}
});

Promise的API

---

then()方法

then方法就是把原来的回调写法分离出来，在异步操作执行完后，用链式调用的方式执行回调函数。
而Promise的优势就在于这个链式调用。我们可以在then方法中继续写Promise对象并返回，然后进行调用then来进行一个回调操作
可有两个参数。
第一个是成功resolve调用的方法，第二个是失败reject调用的方法。

//买笔
function buy(){
	console.log("开始买笔");
	var p = new Promise(function(resolve,reject){
		setTimeout(function(){
			console.log("买了笔芯");
			resolve("数学作业")
		},1000);
	});
	return p;
}
//写作业
function work(data){
	console.log("开始写作业：" + data);
	var p = new Promise(function(resolve,reject){
			setTimeout(function() {
				console.log("写完作业");
				resolve("作业本");
			},1000);
	});
	return p;
}
function out(data){
	console.log("开始上：" + data);
	var p = new Promise(function(resolve,reject) {
			setTimeout(function() {
				console.log("上交完毕");
				resolve("得分：A");
			},1000);
	});
	return p;
}
buy().then(work).then(out).then(function(data){
	console.log(data)
});

ajax异步操作：

var promise = new Promise(function(resolve,reject){
		$.ajax({
			url:'api/poisearch.json',
			method:'get',
			dataType:'json',
			success:(res) =>{
				resolve(res)
			},
			error:(err)=>{
				return (err)
			}
		});
});


//普通函数
promise.then(function(res){
		return res.data
}).then(function(data) {
		return data.result;
}).then(function(result) {
		console.log(result)
})

//箭头函数，可以提升代码的简洁性和可行性
promise.then(res => res.data).then(data => data.result).then(result => console.log(result));