code

上一章中我們遇到了兩個問題

1.異步調用順序的問題

2.then返回一個promise的問題

?

思考

如果控制異步回調的順序？

因為異步操的時間作我們無法控制，但是我們只需要按順序執行回調函數就好了

也就是說

then里面的回調，我們等調用 resolve方法之后（確保異步操作完成），再來執行

?

操作

用一個變量nextResolve 來保存then的 回調函數

放在resolve之后調用

function MyPromise(fn) {var res = null,callback = null,nextResolve = null;function resolve(val) {if(typeof(callback) === 'function'){res = callback(val);}nextResolve(res);}function reject(val){if(typeof(callback) === 'function'){res = callback(val);}nextResolve}this.then = function (cb) {callback = cb;return new MyPromise(function(resolve,reject){nextResolve = resolve;})};fn(resolve,reject);}

?結果是

是我們要的結果。

?

現在到第二個問題

如果返回的是一個promise呢？ 下面這種是我們的連續異步操作

http('www.123.com').then(function(res){console.log(res)return http('www.456.com');}).then(function(res){console.log(res)})

?直接把 promise對象返回了，不是promise執行之后的值

這個時候我們要的是 www.456.com

也就是說我們要執行 then方法，才能得到 www.456.com

現在我們只要判斷，如果是返回一個promise對象，我們就執行他的resolve方法 就能拿到它回調的值了。

注意 return

function MyPromise(fn) {var res = null,callback = null,nextResolve = null;function resolve(val) {if(typeof(callback) === 'function'){res = callback(val);}if(res && res instanceof MyPromise){var newThen = res.thennewThen.call(res,nextResolve);return;}if(typeof(nextResolve) === 'function'){nextResolve(res);}}function reject(val){if(typeof(callback) === 'function'){res = callback(val);}nextResolve}this.then = function (cb) {callback = cb;return new MyPromise(function(resolve,reject){nextResolve = resolve;})};fn(resolve,reject);}

?

成功返回

下一章我們介紹 ，reject 和catch的寫法

轉載于:https://www.cnblogs.com/anxiaoyu/p/10625990.html

總結

以上是生活随笔為你收集整理的简易promise的实现（二）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。