代码顺序的重要性
栏目: JavaScript · 发布时间: 5年前
内容简介:在修改前辈留下来的代码时踩到一个坑。简单讲一下代码做了什么事:在 try/catch 里实例化多个类,并调用类的方法为其赋值,catch 到错误也不会中断,而是通过打日志的形式收集报错信息。我需要在里面新实例化一个类,有样学样,上来就是一顿copy改,可是新增的类的某个属性总是不对,排查了半天才发现一个坑。执行结果,
在修改前辈留下来的代码时踩到一个坑。简单讲一下代码做了什么事:在 try/catch 里实例化多个类,并调用类的方法为其赋值,catch 到错误也不会中断,而是通过打日志的形式收集报错信息。
我需要在里面新实例化一个类,有样学样,上来就是一顿copy改,可是新增的类的某个属性总是不对,排查了半天才发现一个坑。
错误模拟
class Point { constructor(x, y) { this.x = x this.y = y } getX() { return this.x } setX(x) { this.x = x } } let p, cat try { p = new Point(1, 2) cat = new Cat('胖虎') // 这里实例化了一个不存在的类,用来模拟报错,实际情况比这个复杂 p.setX(66) // 这一行应该写在 `cat` 的前面,不然 `cat` 报错后直接中断下面语句的执行,导致这行语句没有执行 } catch (e) { console.log(e) } console.log(p.getX()) 复制代码
执行结果, x
没有被赋值成66,抛出错误导致程序中断,赋值语句没有执行
正确的写法
class Point { constructor(x, y) { this.x = x this.y = y } getX() { return this.x } setX(x) { this.x = x } } let p, cat try { p = new Point(1, 2) p.setX(66) // 方法调用紧随实例后面,不受下面代码的影响 cat = new Cat('胖虎') } catch (e) { console.log(e) } console.log(p.getX()) 复制代码
执行结果, x
正确被赋值,错误也正常抛出
总结
- 如果 catch 了错误又不抛出,可以在调试的时候把错误抛出,方便发现问题。
- 代码结构顺序和整洁性很重要。
- 如果出现这种傻瓜式错误,是该考虑重构代码了。
以上所述就是小编给大家介绍的《代码顺序的重要性》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
React Native:用JavaScript开发移动应用
【美】Truong Hoang Dung(张皇容) / 奇舞团 / 电子工业出版社 / 2015-9 / 65.00
React Native是当前移动端开发中的优秀解决方案。《React Native:用JavaScript开发移动应用》围绕着如何将一个完整App提交到App Store,讲解了使用React Native开发iOS应用所涉及的方方面面。首先介绍了Flexbox布局,教大家从零开始搭建一个初始应用,以此阐明React Native的基础运行机理;然后介绍了Flux的设计思想,怎么理解和使用Pro......一起来看看 《React Native:用JavaScript开发移动应用》 这本书的介绍吧!
SHA 加密
SHA 加密工具
XML、JSON 在线转换
在线XML、JSON转换工具