您的位置首页生活百科

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

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

的有关信息介绍如下:

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

我们在做页面开发时,有时使用js处理逻辑时,会有很多的if判断语句的,如何使用hook机制减少判断语句?js如何使用hook机制?我们来看一下。

我们先定义一个非hook的方法。

方法里有一个参数status,通过这个参数来获得状态字符串。如果状态的值比较少的,则一二个if语句是可以接受的。

但如果状态值很多,需要使用5,6个if,else if的语句时,则从代码网格,代码规范上来说,是不可接受的。

那么如何避免上面所说的。情况呢?可以使用hook机制。

我们创建另一个方法,在方法里使用对象变量,来一一对应状态值和状态字符串

然后通过判断状态对象是否有对应的状态值,有则取对象变量的值,没有则取一个默认值。

我们最后分别调用这二个方法,传入不同的状态值。使用console.log方法把得到的结果输出到浏览器的控制台。

在浏览器上运行页面后,在控制台里可以看到对应的输出结果,结果正确,方法运行没问题。