promise原理简单实现

最新推荐文章于 2025-03-31 13:24:27 发布

原创最新推荐文章于 2025-03-31 13:24:27 发布 · 269 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6-promise实现

es6 专栏收录该内容

1 篇文章

订阅专栏

本文深入浅出地介绍了Promise的工作原理，通过一个简单的自定义Promise实现示例，详细讲解了其内部运行机制，包括如何处理异步操作及回调队列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

promise原理简单实现

// 实现原理

function MyPromise (fn) { // 构造个函数
var callbacks = [] // 可能有多个回调
this.then = function (success) {
callbacks.push(success)
}
function resolve(value) {
callbacks.forEach(function (callback) {
callback(value)
})
}
fn(resolve)
}

// 使用

new MyPromise(function(resolve){ // 构造函数调用加new 关键字
//debugger
setTimeout(function(){
resolve(‘请求数据成功’)
},1000)
}).then(function(data){
console.log(data)
})