JS中try/catch+await和await+then/catch之间的区别

在JS中，使用try/catch+await和await+then/catch可以实现异步操作的功能。但它们在实现异步操作的方式上有所不同。

try/catch+await的方式，在使用async/await关键字时，可以使用try/catch语句来处理异步操作的异常。try语句包含了await操作，用于获取Promise的结果。

示例代码如下：

async function getData() { try { const result = await fetch('https://jsonplaceholder.typicode.com/posts'); const data = await result.json(); return data; } catch (error) { console.log('Something went wrong.'); } }

而await+then/catch的方式，则是使用了Promise的.then()方法或.catch()方法来处理异步操作的结果或异常。

示例代码如下：

function getData() { fetch('https://jsonplaceholder.typicode.com/posts') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.log('Something went wrong.')); }

可以看到，try/catch+await的方式代码更加简洁和直观，而且可以使用同步代码的方式来处理异步操作。而await+then/catch的方式则更加灵活，可以使用链式调用的方式来处理异步操作。但在代码的可读性上略逊于try/catch+await的方式。

综上，它们的不同之处在于，try/catch+await的方式更加简洁和直观，使用同步方式处理异步操作，适合处理简单的异步操作；而await+then/catch的方式更加灵活，使用Promise的链式调用方式处理异步操作，适合处理复杂的异步操作。