哎哟喂！ JavaScript 报错了嗯？别慌！其实处理错误挺简洁的，就像煮饭一样，只要掌握几招就能把锅里的火控制住。这篇文章就是教你用 try...catch 来抓住那一些恼人的错误，让你的代码更稳当。没啥技术手段术语，保证你一看就懂，杀疯了！！

哪些是 try...catch？

try...catch 就像厨房里盖个锅盖。在 try 块里放你想尝试的代码， 如果这段代码报错了那就会像锅盖松开一样，自动跳到 catch 块里去处理。这样你就不会让程序直接崩溃了。

例子：

try {  //试试看当前这个代码有没有问题  console.log;  // 这行代码没问题  let x = 1/0; // 这行代码会报错  console.log; // 这行不会落实了  } catch  {  // 如果报错了就落实这里  console.error; //打印错误信息  } finally {   //不管有没有报错都落实这一部分   console.log; //比如关闭连接等等   }

你看， 第一行没问题，第二行除以零会报错。这是因为有 catch 块捕获了它，所以后面的代码就不运行了。最后再来看一行不管有没有报错都会落实，我当场石化。。

同步和异步错误

JavaScript 有同步和异步两种操作。同步就像煮汤一样，一步一步的；异步就像烧烤一样，一会儿烤一会儿刷油。处理错误的思路也不同，靠谱。。

同步错误：

同步的 try...catch 就跟煮汤一样简洁：把需要检 整一个... 查的代码放在 try 里如果出错就跳到 catch 里处理。

异步错误：

异步的 try...catch 就像烧烤要较小心翼翼：fetch 申请失利、 定时器超时、async/await 中的异常等都需要自己处理。这一些异常不能靠外层的 try...catch 来捕获哦，纯正。！

异步错误不能靠外层 try...catch 捕获

想象一下：你烤了一个串，但是忘了关火！外面的人没办法帮你灭火啊。同理，async 函数中的异常不能被外面的 try...catch 包起来捕捉到。 奥利给！ 必须要在 Promise 或者 async 函数内部处理才行。

async function loadData {  try {    const res = await fetch;    if  throw new Error;    return await res;  } catch  {    console.error;    return null;  }}

Error 参数名不是关键字

起初我以为... 你能够在 catch 块里把 `error` 改成 `err` 或者 `e` ，反正只要不跟关键字冲突就行。但千万别省略哦！

finally 不是可有可无的清理钩子

`finally` 就良好像烧烤完要把火关掉或者收汁一样十分沉关键的步骤。无论 try 里有没有发生异常、 有没有 return 值、有没有 throw 崭新的异常，finally 都一定会落实。

try {   let x = someAsyncOperation;   if{      throw new Error;   } } catch{   console.log; } finally {   //关闭连接、清空定时器等操作   console.log; }

fetch 网络失利怎么办？

fetch 网络失利进catch

Promise构造函数里的同步错误会被捕获；但异步抛错仍会变成未捕获异常

一些较小技巧和注意事项

• 不要在 `catch` 里空着: 如果 `catch` 里没有写任意东西，那么捕获到的 error 信息就会丢失掉！调试起来特别不容简单受!
• error 参数名不是关键字: 能够 为 `err`, `e`, 但别省略!
• 确保 Promise chain 或 async 函数内部正确处理: 对于异步操作中的异常, 一定要放在 Promise chain 或者 async 函数里面进行捕捉和处理, 外层 Try..Catch 无效!
• finally 是清理任务: 用来关闭资源条件、沉重置状态等, 不管有没有发生异常都要落实!

反思一下。 css .style{ color:#4a7cff;} /设置蓝色/