导语 | 腾讯云加社区精品内容栏目《云荐大咖》，特邀行业佼者，聚焦前沿技术的落地与理论实践，持续为您解读云时代热点技术，探秘行业发展新机。

健壮性(Robustness) 是指程序在遇到规范以外的输入，错误和异常时，仍能正常运行。简单来说，健壮代码的适应性很强，不会因为一些异常，就导致程序崩溃。

不健壮的前端代码体现为：

• 接口返回异常或报错时，页面白屏。

• 用户做一些非常规操作时，页面白屏。

要写出健壮的前端代码，就要处理规范以外的输入，错误和异常。具体来说，有4点：

• 异常处理。

• 输入检查。

• 写法优化。

• 第三方库的选择。

下面，我们具体来说。

（一）异常处理

不做异常做处理，轻则导致功能出错，重则导致页面白屏。异常处理，可以分为如下几种情况。

• 主动捕获运行时异常

用try-catch捕获同步代码的运行时错误。如果是异步代码，需要转化成await的写法。如:

try {  doSth()  await doSth2()} catch (e) {  // 处理异常}

• 处理意料之外的全局运行时异常

未被处理的JavaScript运行时错误（包括语法错误）发生时, window会触发error事件。这么处理:

window.addEventListener(  'error',  (e) => {/* 处理异常 */})

当一项资源（如或