当前位置：首页 > article >正文

可以用于promise面试的例子--其1

article 2025/3/1 22:53:55

项目里有很多不易读的写法，写几个demo，一起看看

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
     resolve('第一个promise方法')
  },500)
}).then((result) => {
   return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  })
}).catch((err) => {
  console.log('第一个promise发生了失败', err)
});

请问，catch方法捕捉的是“第一个promise”的失败，还是“第一个promise成功后又执行的promise”的错误？

结果：

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
     resolve('第一个promise方法')
  },500)
}).then((result) => {
   return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  })
}).catch((err) => {
  console.log('失败', err)
});
//--------第一个promise方法
//--------第一个promise成功后又执行的promise
//失败 第一个promise成功后又执行的promise

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
    reject('第一个promise方法')
  },500)
}).then((result) => {
   return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  })
}).catch((err) => {
  console.log('失败', err)
});
// --------第一个promise方法
// 失败 第一个promise方法

答案：

多个promise嵌套，按顺序执行
第一个promise出错，catch捕捉的就是第一个的
第一个promise成功，进入到then逻辑，then里的失败，catch可以捕捉到

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
    resolve('第一个promise方法')
  },500)
}).then((result) => {
   new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  }).catch((err) => {
    console.log('err', err)
    // return Promise.resolve('第一个promise成功后又执行的promise')
})
}).catch((err) => {
  console.log('失败', err)
});
// --------第一个promise方法
//--------第一个promise成功后又执行的promise
// err 第一个promise成功后又执行的promise

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
    resolve('第一个promise方法')
  },500)
}).then((result) => {
  return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  }).catch((err) => {
    console.log("执行了么", err)
    return Promise.reject(err)
    // console.log('err', err)
    // return Promise.resolve('第一个promise成功后又执行的promise')
  })
}).catch((err) => {
  console.log('失败', err)
});

//--------第一个promise方法
//--------第一个promise成功后又执行的promise
//执行了么 第一个promise成功后又执行的promise
//失败 第一个promise成功后又执行的promise

只会捕捉一次

new Promise((resolve, reject) => {
  setTimeout(function() {
    console.log("--------第一个promise方法")
    resolve('第一个promise方法')
  },500)
}).then((result) => {
  return new Promise((resolve, reject) => {
    setTimeout(function() {
      console.log("--------第一个promise成功后又执行的promise")
       reject('第一个promise成功后又执行的promise')
    },1100)
  }).catch((err) => {
    console.log("执行了么", err)
    // return Promise.reject(err)
    // console.log('err', err)
    // return Promise.resolve('第一个promise成功后又执行的promise')
  })
}).catch((err) => {
  console.log('失败', err)
});

//--------第一个promise方法
//--------第一个promise成功后又执行的promise
//执行了么 第一个promise成功后又执行的promise