Bootstrap

vue 中 async/await 如何优雅的捕获错误

 以前用async/await 没有留意过如何捕获错误,后来项目里面出过这种bug才重视起来

希望看到篇文章的小伙伴们可以留一下,如果你也是习惯不去捕获错误请改掉这个习惯。

//一个简单的promise函数	
  function p() {
	  return new Promise((resolve, reject) => {
            reject('我出错了')
        }
	}

     const handle = async () => {
       const result = await p().catch((err) => {
         alert(err);
         return Promise.reject(err);  //阻止错误出现在控制台
       });
       console.log(result); // 该行代码不会被执行,因为错误被捕获,不会继续执行下面的代码,
     };

     handle();

;