在前端开发中，我们常常会遇到类似 (楠)!==南) 和 楠!==南 这样的判断语句。这两者看起来很相似，但实际上它们是有着明显的不同之处的。
语法上的区别
(楠)!==南) 和 楠!==南 的主要区别在于括号的使用。前者使用了小括号，后者则没有。这种差异看起来不大，但却能够影响代码的行为。
在 JavaScript 中，小括号可以用于多种情况，如改变运算优先级、将表达式作为函数参数等。因此，当我们在判断一个值是否等于另外一个值时，如果误将其包裹在小括号中，就可能会导致意想不到的结果。
举个例子：
--- - - -- --------------- --- --- -- ---- ------------- --- --- -- ---- --- - - --- --------------- --- --- -- ---- ------------- --- --- -- -----
在第一个例子中，尽管 a 的值是 0，但由于使用了小括号，判断语句最终返回了 true。而在第二个例子中，虽然 b 的值是空字符串，但由于没有使用小括号，判断语句返回了 false。这两个例子说明了小括号对代码逻辑的影响。
实际应用中的建议
在实际应用中，我们应该尽量避免将比较表达式包裹在小括号中，从而避免出现上述问题。当然，在某些情况下，为了改变运算优先级或者使代码更易读，我们还是需要使用小括号的。不过，这种情况应该尽可能少见，并且需要仔细思考其使用的必要性。
在比较表达式中，使用两个等于号（==）或三个等于号（===）都可以进行比较操作，而不需要使用小括号。通常来说，推荐使用三个等于号进行比较操作，因为它会先对类型进行判断，再进行值的比较，这样能够避免一些隐式类型转换带来的问题。如果你确定比较的两个值的类型一致，那么使用两个等于号也可以。
示例代码
以下是一个示例代码，演示了 (楠)!==南) 和 楠!==南 在使用上的差异。
--- - - -- --------------- --- --- -- ---- ------------- --- --- -- ---- --- - - --- --------------- --- --- -- ---- ------------- --- --- -- ----- --- - - ---- --------------- --- ----- -- ----- ------------- --- ----- -- ----- --- - - ---------- --------------- --- ----------- -- ---- ------------- --- ----------- -- ----
在这个示例代码中，我们定义了四个变量 a、b、c 和 d，并分别进行了比较操作。其中，a 的值是 0，b 的值是空字符串，c 的值是 NaN，d 的值是 undefined。通过输出结果，我们可以看到使用小括号时的不同表现。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/9696