我不明白 JavaScript 中的这种比较是如何工作的

Question

考虑以下变量href：

var href = element.attr('href');

我遇到过这样的情况：

href && href.indexOf('javascript') == -1 ? TRUE : FALSE

谁能解释这种比较是如何进行的，或者为什么有人会这样做？

Answer 1

意义

您的比较字面意思是：

1. 如果href 存在
2. 和 href 是一个不包含子字符串 'javascript' 的字符串
   • 然后，返回TRUE
   • 否则，返回FALSE

---

组件

它由以下组件组成：

1. href :
   如果href 存在，将有a truthy value
2. href.indexOf('javascript') == -1 :
   如果“javascript”不是字符串href的子字符串，则为TRUE
3. A && B ：
   如果 A 和 B 都具有真实值，则返回 TRUE
4. X ? Y : Z :
   如果X 具有真实值，则返回Y，如果没有，则返回Z

---

用例

您可能会问，为什么有人会这样做？你可能会问，为什么有人会在<a> 标签的href 中查找字符串javascript？

好吧，考虑下面的 HTML：

<a href="javascript:alert('Hello World')">Click me</a>

现在，所有这一切都是在您单击该链接时触发alert()。虽然这是无害的，但黑客可以使用同样的技术来运行各种恶意代码。

虽然它不完全是一个防弹解决方案，但比较href && href.indexOf('javascript') == -1 ? TRUE : FALSE 几乎可以肯定用于查找此类恶意代码并将其删除。

Answer 2

var href = 某个元素的属性（重定向到的链接）

x ? y : z 语法是 if (x) { y } else { z }

的简写

如果元素上存在 href 并且 如果 href 不是一些 javascript 代码（例如 javascript:alert('haha')），则为 true，否则为 false。在这个例子中，第二行可能分配给了某个变量。

Answer 3

它是一个三元运算。

var href = element.attr('href');
console.log(href && href.indexOf('javascript') == -1 ? true : false);

相当于：

var href = element.attr('href');
if(href && href.indexOf('javascript') == -1) {
    console.log(true);
} else {
    console.log(false);
}

您可以在此处查看它如何处理测试字符串的示例：https://jsfiddle.net/igor_9000/ha6kh93c/

更多信息请参见开发者文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

希望有帮助！