前言
在前端开发中，我们经常会使用 ESLint 来检查代码规范和错误，以保证代码的质量和可读性。在 ESLint 中，有两个常用的规则：no-extra-bind 和 no-extra-parens。这两个规则都是关于冗余代码的检查，有助于优化代码和提高性能。本文将详细介绍这两个规则的用法和作用。
no-extra-bind
no-extra-bind 规则是用来检查冗余的函数绑定。在 JavaScript 中，函数的 this 值是在运行时确定的，而不是在定义时确定的。因此，如果一个函数已经被绑定到了一个对象上，再次使用 bind 方法将会创建一个新的函数，这个新函数和原来的函数除了 this 值不同之外没有任何区别。这就会导致冗余的函数绑定，影响代码的性能和可读性。
例如，下面的代码中，函数 foo 已经被绑定到了对象 obj 上，再次使用 bind 方法就是冗余的：
----- --- - - ----- ----- -- -------- ----- - ----------------------- - ----- -------- - -------------- ----- ------------- - ------------------- ---------------- -- -----
在上面的代码中，extraBoundFoo 和 boundFoo 几乎是相同的函数，但是 extraBoundFoo 的创建是不必要的，因为它和 boundFoo 的效果是一样的。使用 no-extra-bind 规则可以检查这种冗余的函数绑定，避免不必要的性能损失。
no-extra-parens
no-extra-parens 规则是用来检查冗余的括号。在 JavaScript 中，括号可以用来改变运算符的优先级，或者用来明确表达式的含义。但是有时候，程序员会过度使用括号，导致代码冗余和可读性降低。
例如，下面的代码中，括号是冗余的：
----- - - -- - -- - -- ----- - - ------ - ----- - ----- ----- - - ----------- - ------ ------- -----
在上面的代码中，括号并没有改变运算符的优先级，也没有明确表达式的含义，因此是冗余的。使用 no-extra-parens 规则可以检查这种冗余的括号，提高代码的可读性和简洁性。
总结
no-extra-bind 和 no-extra-parens 规则都是用来检查冗余代码的，有助于优化代码和提高性能。使用这两个规则可以避免不必要的函数绑定和括号，提高代码的可读性和简洁性。在实际开发中，我们应该根据具体情况来选择使用这两个规则，以保证代码的质量和可读性。
示例代码
下面是一个包含 no-extra-bind 和 no-extra-parens 规则的示例 .eslintrc 文件：
-
-------- -
---------------- --------
------------------ -------
-
-来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6629ce89c9431a720c7558f8