首页 > 软件开发 > JavaScript >

js脚本如何使用hook机制,减少if判断语句

来源:互联网 2023-03-17 00:01:02 版权归原作者所有,如有侵权,请联系我们

我们在做页面开发时,有时使用js处理逻辑时,会有很多的if判断语句的,如何使用hook机制减少判断语句?js如何使用hook机制?我们来看一下。Go5办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们先定义一个非hook的方法。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 2

    方法里有一个参数status,通过这个参数来获得状态字符串。如果状态的值比较少的,则一二个if语句是可以接受的。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 3

    但如果状态值很多,需要使用5,6个if,else if的语句时,则从代码网格,代码规范上来说,是不可接受的。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 4

    那么如何避免上面所说的。情况呢?可以使用hook机制。Go5办公区 - 实用经验教程分享!

    我们创建另一个方法,在方法里使用对象变量,来一一对应状态值和状态字符串Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 4该信息未经授权抓取自百度经验
  • 5

    然后通过判断状态对象是否有对应的状态值,有则取对象变量的值,没有则取一个默认值。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 6

    我们最后分别调用这二个方法,传入不同的状态值。使用console.log方法把得到的结果输出到浏览器的控制台。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 7

    在浏览器上运行页面后,在控制台里可以看到对应的输出结果,结果正确,方法运行没问题。Go5办公区 - 实用经验教程分享!

    js脚本如何使用hook机制,减少if判断语句?Go5办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Go5办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号