避坑指南:在对一个对象取属性的时候(特别是对 前端开发时,我们经常会通过 举个例子,比如后端接口返回数据中的 以上代码在后端正常返回数组的情况下一点问题都没有。 但是,后端返回data为 所以,在工作中,我们在对一个对象取属性的时候,我们一定要注意:首要处理是保证 这种类型的bug也给了我们一个警示:我们前端一定要有 现实没我们预设的那么完美,其实80%的代码量都用在异常处理上了。数组
取length
属性时),写代码前的第一步是保证该对象
不为null
或者undefined
,确认对象为“真”的情况下再做取对应属性值的操作。.
操作符来获取属性值,这里有个坑很容易产生bug,特别是对数组
取length
属性时,一不小心可能就会造成JS执行出错(这里先保密,后面具体说)导致页面崩溃。data
字段类型为数组,我们对该数组遍历进行一些处理的常用方式:for(let i = 0; i < data.length; i++) { // doSomething... }
null
时,JS执行相关代码时就会报错了:Uncaught TypeError: Cannot read property 'length' of null
,页面直接白屏。这种错误在测试的时候很容易遗漏,从而导致线上bug产生。该对象
不为null
或者undefined
,确认对象为真的情况下再取对应的属性。 如下:// 或者 if(data){ ... },保证data为“真值”,再进行下一步处理 if(Array.isArray(data)) { const len = data.length //doSomething... }
防御性编程
的思维,后端定义的字段我们不能100%去信任它,而是要做好充分的错误和异常处理,这样就可以避免很多潜在的bug,提高我们前端代码的健壮性。
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算