当前位置:首页 > SEO优化 > 正文

优化 JS 中过多的使用 IF 语句

  最近在重构代码时,我发现早期的代码使用太多的?if?语句,其程度是我从未见过的。这就是为什么我认为分享这些简单的技巧是非常重要的,这些技巧可以帮助我们避免过多的使用?if?语句。

  接下来会介绍6种方式来代替?if?的使用,这样做不是坚决不使用?if?偏执狂,而是换个方式思考我们的编码思路。

  事例1

  带有IF的代码:

  重构后代码:

  使用 ES6

  事例2

  带有IF的代码:

  重构后代码:

  事例3

  带有IF的代码:

  重构后代码:

  ?

  事例1

  带有IF的代码:

  重构后代码:

  事例2

  带有IF的代码:

  重构后代码:

  ?

  事例1

  带有IF的代码:

  重构后代码:

  ?

  此技巧尝试避免使用switch语句,相反是用键/值创建一个映射并使用一个函数访问作为参数传递的键的值。

  事例1

  带有switch的代码:

  重构后代码:

  ?

  我们知道在js中函数是第一个类,所以使用它我们可以把代码分割成一个函数对象。

  带有IF的代码:

  重构后代码:

  ?

  多态性是对象具有多种形式的能力。OOP中多态性最常见的用法是使用父类引用来引用子类对象。

  带有IF的代码:

  重构后代码:

有话要说...