Promise原理

Promise原理

Promise主要使用了设计模式中的观察者模式

1. 通过Promise，prototype.then和Promise.prototype.catch方法将观察者注册到被观察者Promise对象中，同时返回一个新的Promise对象，以便可以链式调用
2. 被观察者管理内部pending，fulfilled，rejected的状态转变，同时通过构造函数中传递的resolve，reject方法以主动触发状态改变和通知观察者

Promise雏形：获取用户id的请求处理

// 没有加入延时机制/状态/链式Promise/失败处理/异常处理
function getUserId() {
	return new Promise(function (resolve) {
		http.get(url, function(results) { // 异步请求
			resolve(results.id)
		})
	})
}
getUserId().then(function(id) { // 一些处理 })



function Promise(fn) {
	var value = null;
	callbacks = []; // callbacks为数组，因为可能同时会有很多个回调
	this.then = function(onFulfilled) {
		callbacks.push(onFulfilled);
	}
	// 三种状态：等待/执行/拒绝
	// 状态只会改变一次，解决了异步代码回调地狱的问题
	function resolve(value) {
		callbacks.forEach(function(callback) {
			callback(value);
		})
	}
	fn(resolve);
}

1. promise.all()：合并异步的返回结果
2. Promise.race()：哪个请求比较快
3. async/await（语法糖）简化Promise写法
   • 简洁（少了一些函数/变量）
   • 错误处理：同时处理同/异步错误
   • 错误栈：a会给我们指出错误的地方
   • 中间值：避免嵌套
   • 调试方便
   • if语句（请求数据一层一层判断）