promise面试题（输出结果题）

最新推荐文章于 2025-02-08 15:18:53 发布

原创最新推荐文章于 2025-02-08 15:18:53 发布 · 196 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

文章详细解释了JavaScript中的Promise、async/await以及并发控制（Promise.all和Promise.race）的概念和用法，通过示例展示了如何处理异步操作和错误处理。

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

let a;
const b = new Promise((resolve, reject) => {
    console.log('promise1');
    resolve();
}).then(() => {
    console.log('promise2');
}).then(() => {
    console.log('promise3');
}).then(() => {
    console.log('promise4');
});

a = new Promise(async(resolve, reject) => {
    console.log(a)
    await b;
    console.log(a);
    console.log('after1');
    await a;
    resolve();
    console.log('after2');
});
console.log('end');

const promise1 = new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('success')
    }, 1000) 
  })
  const promise2 = promise1.then(() => {
    throw new Error('error!!!')
  }) 
  
  console.log('promise1', promise1)
  console.log('promise2', promise2) 
  
  setTimeout(() => {
    console.log('promise1', promise1) 
    console.log('promise2', promise2) 
  }, 2000)

setTimeout(()=> console.log(5), 0);
new Promise(resolve => {
    console.log(1);
    resolve(3);
    Promise.resolve().then(()=> console.log(4))
}).then(num => {
    console.log(num)
});
console.log(2);

const promise1 = new Promise((resolve, reject) => {
    console.log('promise1');
    resolve('resolve1');
  });
  const promise2 = promise1.then((res) => {
    console.log(res);
  });
  console.log('1', promise1);
  console.log('2', promise2);

Promise.resolve()
  .then(() => {
    returnnewError('error!!!');
  })
  .then((res) => {
    console.log('then: ', res);
  })
  .catch((err) => {
    console.log('catch: ', err);
  });
// 打印结果是什么？想被捕捉需要怎么改
    1.throw new Error('error!!!');
    2.return Promise.reject(new Error('error!!!'))

async function async1 () {
    console.log('async1 start');
    await new Promise(resolve => {
      console.log('promise1')
    })
    console.log('async1 success');
    return'async1 end'
  }
  console.log('srcipt start')
  async1().then(res =>console.log(res))
  console.log('srcipt end')

async function async1 () {
  await async2();
  console.log('async1');
  return'async1 success'
}
async function async2 () {
  return new Promise((resolve, reject) => {
    console.log('async2')
    reject('error')
  })
}
async1().then(res =>console.log(res))

const async1 = async () => {
    console.log('async1');
    setTimeout(() => {
      console.log('timer1')
    }, 2000)
    await new Promise(resolve => {
      console.log('promise1')
    })
    console.log('async1 end')
    return'async1 success'
  }
  console.log('script start');
  async1().then(res =>console.log(res));
  console.log('script end');
  Promise.resolve(1)
    .then(2)
    .then(Promise.resolve(3))
    .catch(4)
    .then(res =>console.log(res))
  setTimeout(() => {
    console.log('timer2')
  }, 1000)

// all的问题
function runAsync (x) {
  const p = new Promise(r => setTimeout(() => r(x, console.log(x)), 1000))
  return p
}
function runReject (x) {
  const p = new Promise((res, rej) => setTimeout(() => rej(`Error: ${x}`, console.log(x)), 1000 * x))
  return p
}
Promise.all([runAsync(1), runReject(4), runAsync(3), runReject(2)])
  .then(res =>console.log(res))
  .catch(err =>console.log(err))
  

// race的问题
function runAsync (x) {
  const p = new Promise(r => setTimeout(() => r(x, console.log(x)), 1000))
  return p
}
Promise.race([runAsync(1), runAsync(2), runAsync(3)])
  .then(res =>console.log('result: ', res))
  .catch(err =>console.log(err))