专栏名称: 前端Q
我是winty,专注分享前端知识和各类前端资源,乐于分享各种有趣的事,关注我,一起做个有趣的人~
今天看啥  ›  专栏  ›  前端Q

接口一异常你的前端页面就直接崩溃了?

前端Q  · 公众号  ·  · 2024-10-24 09:15

文章预览

点击上方  前端Q ,关注公众号 回复 加群 ,加入前端Q技术交流群 前言 在 JavaScript 开发中,细节处理不当往往会导致意想不到的运行时错误,甚至让应用崩溃。可能你昨天上完线还没问题,第二天突然一大堆人艾特你,你就说你慌不慌。 来吧,咱们来捋一下怎么做才能让你的代码更健壮,即使后端数据出问题了咱前端也能稳得一批。 解构失败报错 不做任何处理直接将后端接口数据进行解构 const  handleData =  ( data )=>  {    const  { user } = data;    const  { id, name } = user; } handleData({}) VM244 : 3  Uncaught  TypeError : Cannot destructure property  'id'   of   'user'   as  it is  undefined . 解构赋值的规则是,只要等号右边的值不是对象或数组,就先将其转为对象(装箱)。由于 undefined 、null 无法转为对象,所以对它们进行解构赋值时就会报错。 所以当 data 为 unde ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览