给出这段JavaScript代码…

var a;
var b = null;
var c = undefined;
var d = 4;
var e = 'five';

var f = a || b || c || d || e;

alert(f); // 4

有人能给我解释一下这个技巧叫什么吗(我最好的猜测是在这个问题的标题中!)?它究竟是如何/为什么工作的?

我的理解是,变量f将被赋给第一个具有非null或未定义值的变量的最近值(从左到右),但我没有设法找到关于这种技术的很多参考资料,并且已经看到它被大量使用。

另外,这种技术是JavaScript特有的吗?我知道在PHP中做类似的事情会导致f有一个真正的布尔值,而不是d本身的值。


当前回答

它将新变量(z)设置为x的值(如果它是“真值”(非零,有效的对象/数组/函数/无论它是什么)或y。这是在x不存在的情况下提供默认值的一种相对常见的方式。

例如,如果你有一个接受可选回调参数的函数,你可以提供一个默认的不做任何事情的回调:

function doSomething(data, callback) {
    callback = callback || function() {};
    // do stuff with data
    callback(); // callback will always exist
}

其他回答

Javacript对逻辑运算符||和&&使用短路求值。但是,它与其他语言的不同之处在于,它返回停止执行的最后一个值的结果,而不是true或false值。

以下值在JavaScript中被认为是假的。

假 零 ""(空字符串) 0 南 未定义的

忽略运算符优先级规则,并保持简单,下面的示例显示了哪个值停止了计算,并作为结果返回。

false || null || "" || 0 || NaN || "Hello" || undefined // "Hello"

直到NaN的前5个值都是假的,所以它们都从左到右求值,直到它遇到第一个真值-“Hello”,这使得整个表达式为真,所以再往上的任何值都不会求值,并且“Hello”作为表达式的结果返回。类似地,在这种情况下:

1 && [] && {} && true && "World" && null && 2010 // null

前5个值都是真值,直到它遇到第一个假值(null),这使得表达式为假,所以2010不再被求值,并且作为表达式的结果返回null。

您给出的示例是使用JavaScript的这个属性来执行赋值。它可以用于需要在一组值中获得第一个真值或假值的任何地方。下面的代码将把值“Hello”赋给b,因为这样可以更容易地赋一个默认值,而不是进行if-else检查。

var a = false;
var b = a || "Hello";

您可以将下面的示例称为对该特性的利用,我相信它会使代码更难阅读。

var messages = 0;
var newMessagesText = "You have " + messages + " messages.";
var noNewMessagesText = "Sorry, you have no new messages.";
alert((messages && newMessagesText) || noNewMessagesText);

在警报中,我们检查消息是否为假消息,如果是,则计算并返回noNewMessagesText,否则计算并返回newMessagesText。因为在这个例子中它是假的,所以我们在noNewMessagesText停止并警告“对不起,您没有新消息。”

返回输出的第一个真值。

如果全部为假,则返回最后一个假值。

例子:-

  null || undefined || false || 0 || 'apple'  // Return apple

说明请参见短路评估。这是实现这些运算符的常用方式;它并不是JavaScript独有的。

Javascript变量没有类型,所以f可以被赋值为整数值,即使它是通过布尔运算符赋值的。

F被赋给不等于false的最接近的值。0, false, null, undefined,都被传递:

alert(null || undefined || false || '' || 0 || 4 || 'bar'); // alerts '4'

它叫做短路操作员。

短路求值表示,只有当第一个参数不足以确定表达式的值时,才执行或求值第二个参数。当OR(||)函数的第一个参数为true时,整体值必须为true。

它也可以用来设置函数参数的默认值。

function theSameOldFoo(name){ 
  name = name || 'Bar' ;
  console.log("My best friend's name is " + name);
}
theSameOldFoo();  // My best friend's name is Bar
theSameOldFoo('Bhaskar');  // My best friend's name is Bhaskar`