async 中的 try...catch...finally

roamingcode

已于 2023-05-09 18:53:39 修改

阅读量390

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 vue.js

于 2023-05-09 17:31:43 首次发布

本文链接：https://blog.csdn.net/roamingcode/article/details/130584899

版权

JavaScript 专栏收录该内容

71 篇文章 3 订阅

订阅专栏

Try 中执行`return`

const fn = async () => {
    try {
        return 1;
    } catch(e) {
      console.log('error', e);
    }
};

// 使用了顶级await
const data = await fn();
console.log('data', data); // data 1

Try 执行报错，函数执行返回`undfined`

const fn = async () => {
    try {
      	// 模拟报错
        throw new Error();
        return 1;
    } catch(e) {
      console.log('error', e);
    }
};
const data = await fn();
console.log('data', data);

// error Error
//     at fn (<anonymous>:4:15)
//     at <anonymous>:10:20
// VM1563:11 data undefined

Try 执行报错，Catch有`return`

const fn = async () => {
    try {
      	// 模拟报错
        throw new Error();
        return 1;
    } catch(e) {
      console.log('error', e);
      return 2;
    }
};
const data = await fn();
console.log('data', data);

// error Error
//     at fn (<anonymous>:4:15)
//     at <anonymous>:11:20
// VM160819:12 data 2

Finally 中返回值会覆盖Try中的返回值

const fn = async () => {
    try {
        return 1;
    } catch(e) {
      console.log('error', e);
    } finally {
        return 2;
    }
};
const data = await fn();
console.log('data', data); // data 2

Finally 中返回值会覆盖Catch中的返回值

const fn = async () => {
    try {
	      // 模拟报错
        throw new Error();
        return 1;
    } catch(e) {
      console.log('error', e);
      return 2;
    } finally {
        return 3;
    }
};
const data = await fn();
console.log('data', data);

// error Error
//     at fn (<anonymous>:4:15)
//     at <anonymous>:12:20
// VM2590:13 data 3