javascript - JSLint 警告 : `Expected ' :' and instead saw ' ='

Question

当用户在页面上向下滚动时，我会出现一个转到顶部按钮。该按钮按预期工作，但在 JLint 中，它给出警告:预期为“:”，但看到了“=”。如何更正代码:

var topBtn = document.createElement("button");
topBtn.innerHTML = "Top";

var topBtnWrapper = document.getElementById("topBtnWrap");
topBtnWrapper.appendChild(topBtn);

window.onscroll = function() {
  ((document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) ? topBtn.style.display = "block" : topBtn.style.display = "none");
};

Answer 1

问题出在这里:

((document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) ? topBtn.style.display = "block" : topBtn.style.display = "none");

这似乎是一个三元运算符，但三元运算符是决定使用哪个值而不是运行哪个语句的一种方式。

这可以更好地表示为 if-else block :

if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500) {
    topBtn.style.display = 'block';
} else {
    topBtn.style.display = 'none';
}

如果您想继续使用三元运算符，则如下所示:

topBtn.style.display = document.body.scrollTop > 500 || document.documentElement.scrollTop > 500
    ? 'block'
    : 'none';