前端高质量代码注意点之健壮性
我们经常听代码的健壮性,具体是什么意思呢?
代码的健壮性就是说代码抵抗风险的能力。分险就包括bug,或者说你调用的一些包,或者说别人调用我们封装的代码使用错误。
或者在做接口调用的时候,后端返回的错误数据导致前端代码报错。
健壮性的体现在哪里呢?一个就是避免上面出现的种种问题,第二点就是如果有bug了,可以快速定位到。
怎么写出健壮性的代码
1 函数的参数做好默认值的处理,做好参数检测判断。
写出健壮性的关键就是保证参数的可靠。给出默认值可以避免很多问题。第二就是做好检测,如果调用者传递了错误的参数,我们直接通过函数内部对参数的判断直接报错。
这就是快速定位问题的健壮性。
比如elementUI,vue中就有很多报错信息给我们看,就是保证了代码的健壮性。
就像后端永远不会信任前端传过来的参数,我们封装的函数也遵循这一原则,永远不会信任调用者传递过来的参数。
2 程序做好一些意外情况的处理
这个比较常用的方法就是针对一些容易错误的代码,比如接口请求之类的,使用try...catch去处理。保证即使报错,代码也可以继续运行而不会直接中断。
3 针对嵌套层次较深的数据结构,做好处理
比如一个对象嵌套了好几层,有可能在数据还没有获取的时候读不到数据而报错。
比如在vue开发中,我们要渲染 userData.msg.username 可以使用逻辑与来规避这样的问题 {{userData&&userData.msg&&userData.msg.username}} 这样当前面的数据不存在的时候,代码不会向后面去渲染。