为了对我前面所说的一切进行解释，我应该给你们一些例子来理解逻辑概念。

var name = false || "Mohsen"; # name equals to Mohsen
var family = true || "Alizadeh" # family equals to true

这意味着如果左边的语句被赋值为true，那么它将被结束，左边的语句将被返回并赋值给变量。在其他情况下，右侧将返回并分配。

和运算符有相反的结构，如下所示。

var name = false && "Mohsen" # name equals to false
var family = true && "Alizadeh" # family equals to Alizadeh

基本上，它检查||之前的值是否为true。如果是，则取该值，如果不是，则取||之后的值。

它将取||之后的值(据我所知):

未定义的 假 0 (Null或空字符串)

如果没有设置title，则使用'ERROR'作为默认值。

更通用的:

var foobar = foo || default;

读取:将foobar设置为foo或默认值。 你甚至可以把这个串起来很多次:

var foobar = foo || bar || something || 42;

我还要补充一点:这种简写令人厌恶。它误用了一个意外的解释器优化(如果第一个操作为真，就不麻烦第二个操作)来控制赋值。这种用法与操作符的目的无关。我不认为它应该被使用。

我更喜欢用三元运算符来初始化，例如，

var title = title?title:'Error';

这使用一行条件操作来达到正确的目的。它仍然与真实玩难看的游戏，但这是JavaScript为你。

双管操作员

这个例子可能有用:

var section = document.getElementById('special');
if(!section){
     section = document.getElementById('main');
}

它也可以是:

var section = document.getElementById('special') || document.getElementById('main');

什么是双管运算符(||)?

双管道操作符(||)是逻辑或操作符。在大多数语言中，它是这样工作的:

如果第一个值为false，则检查第二个值。如果这个值为真，它就返回真，如果第二个值为假，它就返回假。 如果第一个值为真，它总是返回真，不管第二个值是什么。

它的工作原理是这样的:

function or(x, y) {
  if (x) {
    return true;
  } else if (y) {
    return true;
  } else {
    return false;
  }
}

如果你还是不明白，看看这张表:

      | true   false  
------+---------------
true  | true   true   
false | true   false  

换句话说，只有当两个值都为假时，它才为假。

在JavaScript中有什么不同?

JavaScript有点不同，因为它是一种松散类型的语言。在这种情况下，这意味着您可以使用||操作符，其值不是布尔值。虽然它没有任何意义，但你可以将这个操作符用于例如一个函数和一个对象:

(function(){}) || {}

那里发生了什么?

如果值不是布尔值，JavaScript将隐式转换为布尔值。这意味着如果值是假的(例如0，""，null, undefined(参见JavaScript中的所有假值))，它将被视为假的;否则它就被当作真的。

所以上面的例子应该给出true，因为空函数是true。其实并不是这样。它返回空函数。这是因为JavaScript的||操作符不能像我开头写的那样工作。它的工作原理如下:

如果第一个值为假值，则返回第二个值。 如果第一个值为真值，则返回第一个值。

惊讶吗?实际上，它与传统的||操作符“兼容”。它可以写成如下函数:

function or(x, y) {
  if (x) {
    return x;
  } else {
    return y;
  }
}

如果你传递一个真值作为x，它返回x，也就是说，一个真值。所以如果你在if从句中使用它:

(function(x, y) {
  var eitherXorY = x || y;
  if (eitherXorY) {
    console.log("Either x or y is truthy.");
  } else {
    console.log("Neither x nor y is truthy");
  }
}(true/*, undefined*/));

你会得到" x或y是对的"

如果x是假的，要么xory是y，在这种情况下，你会得到"要么x要么y是真的"如果y是真的;否则你就会得到" x和y都不是真理"

真正的问题

现在，当你知道||算子是如何工作的，你可能自己就能知道x = x || y是什么意思。如果x为真，x被赋值给x，所以实际上什么都不会发生;否则y赋值给x。通常用于定义函数中的默认形参。然而，它通常被认为是一种糟糕的编程实践，因为它阻止您将错误的值(不一定是未定义或null)作为参数传递。考虑下面的例子:

function badFunction(/* boolean */flagA) {
  flagA = flagA || true;
  console.log("flagA is set to " + (flagA ? "true" : "false"));
}

乍一看，它是有效的。然而，如果你传递false作为flagA参数会发生什么(因为它是布尔值，即可以为真或假)?这将成为现实。在这个例子中，没有办法将flagA设置为false。

更好的方法是显式检查flagA是否未定义，如下所示:

function goodFunction(/* boolean */flagA) {
  flagA = typeof flagA !== "undefined" ? flagA : true;
  console.log("flagA is set to " + (flagA ? "true" : "false"));
}

虽然它更长，但它总是有效的，而且更容易理解。

---

您还可以使用ES6语法作为默认函数参数，但请注意，它不适用于老式浏览器(如IE)。如果您希望支持这些浏览器，您应该使用Babel编译您的代码。

请参见MDN上的逻辑运算符。