if（true || true || false）语句在javascript中是否为true？

Question

我有这段代码来保护我的页面不被iframed。

window.onload = function(){
 try
  {
   if (window.parent && window.parent.location.hostname !== "app.herokuapp.com"){
      throw new Error();
   }
   catch (e){
   //do something
   }
  }

在我尝试添加更多值以与主机名进行比较之前，它工作得很好。 我要添加我的自定义域名。 我尝试了这个：

window.onload = function(){
 try
  {
   if (window.parent && (window.parent.location.hostname !=="app.herokuapp.com" 
   || window.parent.location.hostname !== "www.app.com"
   || window.parent.location.hostname !== "localhost")){
      throw new Error();
   }
   catch (e){
   //do something
   }
  }

这总是返回true，因此会引发错误。 我该如何进行这项工作？ 除非主机名与这些字符串匹配，否则我想抛出一个错误，无论如何都将引发一个错误。 我是这个新手，很乐意提供帮助！ 谢谢。

附言 我添加了“ localhost”，因为我希望能够在推送到heroku之前在本地对其进行测试。

Answer 1

|| 返回结果为true ，如果任何操作数的计算结果为true 。 也许您打算使用&&代替：

if (window.parent 
    && window.parent.location.hostname !== "app.herokuapp.com" 
    && window.parent.location.hostname !== "www.app.com"
    && window.parent.location.hostname !== "localhost")

或根据德摩根定律 ：

if (window.parent 
    && !(window.parent.location.hostname === "app.herokuapp.com" 
         || window.parent.location.hostname === "www.app.com"
         || window.parent.location.hostname === "localhost"))

如果所有操作数的结果都为true则结果将为true 。

进一步阅读

• 逻辑运算符

Answer 2

由于已经有了一个非常完整的答案，因此我建议使用另一种方法。 当您有类似这样的长语句时，我发现使用高阶函数更容易阅读。 这样考虑您的情况：“检查主机名是否与任何给定的字符串都不匹配”。 这就是我想阅读代码的方式，其他所有内容都是样板：

function not(y) {
  return function(x) {
    return x !== y;
  };
}

var hosts = ['app.herokuapp.com','www.app.com','localhost'];
var parent = window.parent;

if (parent && hosts.some(not(parent.location.hostName))) {
  ...
}