文章预览
点击上方 前端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
………………………………