JSLint 错误：意外的“--”

Question

我在一个 JS 文件中遇到两个错误，都是“意外 '--'”。它在鼠标滚轮滚动的代码中（两次都是 this.addEventListener( types[--i], handler, false ); ）。我以前从未在任何地方看到过这种 --i 语法。它是什么，我应该如何纠正它以使其正确，并使 JSLint 更快乐？

(function($) {
var types = ['DOMMouseScroll', 'mousewheel'];
$.event.special.mousewheel = {
    setup: function() {
        var i;
        if ( this.addEventListener ) {
            i = types.length;
            while ( i >= 0 ) {
                this.addEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = handler;
        }
    },

    teardown: function() {
        if ( this.removeEventListener ) {
            i = types.length;
            while ( i >= 0 ) {
                this.removeEventListener( types[--i], handler, false );
            }
        } else {
            this.onmousewheel = null;
        }
    }
};

Answer 1

JSLint 拒绝所有运算符 --i、i--、++i 和 i++。

只需添加一行

i -= 1;

在两行出现错误之前，将 --i 替换为 i，JSLint 应该会很高兴。

--i 在执行周围语句之前将变量 i 减一。使用它的代码的可读性比没有它的代码差。这就是 JSLint 不鼓励使用它的原因。

Answer 2

改变这个：

while ( i >= 0 ) {
    this.addEventListener( types[--i], handler, false );
}

到这里：

while ( i >= 0 ) {
    i -= 1;
    this.addEventListener( types[i], handler, false );
}

变量前面的-- 运算符在使用前递减变量的值，将新值存储到变量中。所以--i 是一个预减量，意味着“将i 设置为i-1 的值，然后继续你将要使用i 做的事情”。相反的操作将是一个后减量 (i--)，这意味着 “将 i 原样用于当前操作，然后将其设置为 i-1 的值”。

Crockford 默认 JSLint 拒绝这种操作，因为他认为这种操作令人困惑、难以阅读且不易维护。您还可以将 LINT 工具配置为“Tolerate -- and ++”（LINT 属性plusplus: true）。但是，在您的情况下，对代码的调整很小，因此编辑可能更可取。

Answer 3

改行改为：

this.addEventListener( types[i -= 1], handler, false );

让 JSLint 开心。

请参阅 Why avoid increment ("++") and decrement ("--") operators in JavaScript? 和 post increment vs pre increment - Javascript Optimization（以及其他通过谷歌搜索“pre and post increment javascript”）了解 ++ 和 -- 的实际作用。

Answer 4

--n 语法递减一个变量。稍微更常见的是n++，它很相似，但增加了一个变量。

-- 或++ 可以出现在变量之前或之后，并且存在细微差别。当它出现时，它会更改值，然后返回更改后的值。之后，它返回原始值。当直接使用该值时，这会有所不同。

var i;

// affix
i = 1; console.log(i++, i) // 1 2
i = 1; console.log(i--, i) // 1 0

// prefix
i = 1; console.log(++i, i) // 2 2
i = 1; console.log(--i, i) // 0 0

注意前缀递增或递减表达式的值如何在运算后为 i 返回相同的值，而后缀版本则不然。

所以，长话短说，JSLint 不太喜欢带前缀的增量运算符。但这应该是等价的：

while ( i >= 0 ) {
  i -= 1;
  this.removeEventListener( types[i], handler, false );
}

通过不使用递减运算的直接结果，该运算符如何工作以及返回什么都不再重要。它也更显式一些，JSLint 喜欢显式。