JS大精度判断上下限区间代码实现

315 阅读1分钟

根据上次的设计图进行设计代码

image.png

代码实现

image.png

  • 根据type区分是上限还是下限
  • 内部定义flag判断是全负数-还是(正负数-正数-正数)

上下限-测试数据-测试情况准备

  • 测试值准依据
  • 两端-边界值-内部值-外部值-小数点值随机比较

image.png

  • val就是输入值
  • lowerLimit下限-upperLimit上限
  • 超过上下限区间进行redColor操作

image.png

测试出异常情况

  • 某些不应该变红的值变红了
  • 例如-333.0 应该和-333相等不红色
  • 并且全负数的情况下-333应该和-333直接全等
  • 444.0与444比较应该直接全等于

解决

  • 测试出异常情况不要害怕
  • 在我们设计的基础上进行扩展即可
  • 重新画图设计实现针对异常情况

image.png

修复bug

  • 一开始全等比较
  • 补0后全等比较

image.png

补0代码

  • 判断有没有.是不是小数
  • 判断两个数是不是都是小数
  • 做策略处理要不要补0-取那个补0长度-或者差值

image.png

继续测试代码

  • 结果通过

心得

  • 遇到一件比较复杂的功能时候
  • 先分析可以依据什么方法去进行处理
  • 此方法处理中的各种结果
  • 针对此方法处理的各种情况-边界值要考虑进去
  • 开始画图设计实现代码
  • 代码实现后测试
  • 测试出bug-探明bug原因
  • 继续在原有设计图上进行扩展实现
  • 调试代码
  • 直到测试通过才结束

一定要重设计-轻代码