JS 的5个不良编码习惯，现在就改掉吧 _JS

阅读JAVAScript代码时，你有没有感觉：

你几乎不明白代码的作用？
代码使用了很多JavaScript技巧？
命名和编码风格相当随机？

这些是编码习惯不良的迹象。
在这篇文章中，我描述了JavaScript中常见的5种不良编码习惯。重要的是，我将就如何摆脱这些习惯提出可行的建议。
1.不要使用隐式类型转换JavaScript是一种松散类型的语言。如果使用得当，这是一个好处，因为它给你带来了灵活性。
使用不同类型的操作数时，大多数运算符+ - * / ==（但不是===）使用类型的隐式转换。
该声明if (condition) {...}，while(condition) {...}含蓄地变换的条件为布尔值。
以下示例依赖于类型的隐式转换。我敢打赌你会感到困惑：

文章插图

过度依赖隐式类型转换是一个坏习惯。首先，它使您的代码在边缘情况下不太稳定。其次，您增加了引入难以重现和修复的错误的机会。
让我们实现一个获取对象属性的函数。如果该属性不存在，则该函数返回默认值：

文章插图

getProp()读取name属性的值，即'Batman' 。
尝试访问isVillian属性怎么样：
console.log(getProp(hero, 'isVillian', true)); // => true那是一个错误。即使hero属性isVillian是false，函数getProp()返回错误true 。
这是因为属性存在的验证依赖于隐式转换为布尔值if (!object[propertyName]) {...} 。
这些错误很难发现。要修复该函数，请明确验证值的类型：

文章插图

object[propertyName] === undefined验证属性访问者是否评估到的确切内容undefined 。这里建议避免直接使用 undefined 。因此，上述解决方案可以进一步改进：

文章插图

尽可能不要使用隐式类型转换。相反，请确保变量和函数参数始终具有相同的类型，必要时使用显式类型转换。
最佳实践列表：

始终使用严格相等运算符===来执行比较
不要使用松散的相等运算符 ==
加法运算符operand1 + operand2：两个操作数应该是数字或两个字符串
算术运算符- * / % **：两个操作数都应该是数字
if (condition) {...}，while (condition) {...}等等语句：condition应该是一个布尔值

您可能会说这种方法需要编写更多代码......您说得对！但是通过明确的方法，您可以控制代码的行为。此外，显性提高了可读性。
2.不要使用旧的JavaScript技巧JavaScript的有趣之处在于，它的创建者没有料到这种语言会如此流行。
基于JavaScript构建的应用程序的复杂性比语言发展的速度还要快。这种情况迫使开发人员使用JavaScript技巧和变通方法，只是为了让事情正常运行。
一个典型的例子是查看数组是否包含某个元素。我从来不喜欢使用 array.indexOf（item）！==-1来检查。
ES6 及以后版本的功能要强大得多，可以使用新的语言特性安全地重构许多技巧。