promise

最新推荐文章于 2025-04-23 13:15:04 发布

原创最新推荐文章于 2025-04-23 13:15:04 发布 · 202 阅读

0 ·

CC 4.0 BY-SA版权

JS 同时被 2 个专栏收录

21 篇文章

订阅专栏

ES6

6 篇文章

订阅专栏

本文深入解析Promise对象的使用，包括其三种状态：resolve、reject和pending，以及.then()方法如何处理异步请求的成功和失败情况。通过示例代码展示了如何使用Promise进行异步操作，如Ajax请求和定时器，并在成功或失败时执行相应的回调。

1）Promise有3个方法，成功、失败、待定。resolve成功，reject失败，pending待定。异步请求完成后调.then()里的方法。
2）.then()里有两个方法，第一个方法执行resolve，第二个方法执行reject
3）resolve成功就执行.then里的resolve。reject就执行.then里的reject
4）.then()可以拿到resoleve(arr)，reject(err)异步获取，传递过来的数据

let p = new Promise(function (resolve, reject) {
  // 异步代码
  // resolve——异步请求成功了,调resolve执行.then()里第一个方法
  // reject——异步请求失败了，调reject执行.then()里第二个方法
})
p.then(()=>{},()=>{})

let p = new Promise(function (resolve, reject) {
  $.ajax({
    url: 'arr.txt',
    dataType: 'json',
    success (arr) {
      resolve(arr)
    },
    error (err) {
      reject(err)
    }
  })
})

p.then(arr => {
  console.log('成功' + arr)
}, err => {
  console.log('失败' + err)
})

function bsz () {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve()
    }, 1000)
  })
}

bsz().then(() => {
  console.log('xiashan')
})