JavaScript中短路语法初探

在JavaScript中，短路语法也叫逻辑短路或者逻辑运算符的短路求值特性，是一种快捷的条件语句语法形式，可以用于在需要时将代码块组合成条件语句。短路语法常用在条件判断、赋值时的条件判断和参数默认值等场景。本文将详细介绍JavaScript中的短路语法及其作用、特点和注意事项。

&&操作符

在JavaScript中，“与”操作符（&&）被用来实现短路，并在适当的时候执行代码。JavaScript引擎将先计算操作符左边(expr1)，如果它为真，那么值就返回为操作符的右边部分(expr2)，否则将返回左边的值。通过以下代码的例子，我们可以更好地理解：

1
2
3
4
5
6
let x = 10;
let y = 5;

if(x > 5 && y < 10){
    console.log('条件满足');
}

上面的代码中，如果 x 大于 5 并且 y 小于 10，那么这个条件就会满足，并且会在控制台输出“条件满足”。

当 x 不满足 x > 5 的条件时，条件语句就会直接跳过，因为它不需要执行判断操作符右边的部分。这种技术能够帮助开发人员避免过度计算，提高代码的性能。

因此，“与”操作符通常在需要同时验证几个条件的情况下使用，只有当所有条件的条件语句都满足时，才会执行操作符右侧的计算。

||操作符

“或”操作符(||)则是逆向操作 &&。在JavaScript中，“或”操作符被用来将右侧循环计算并返回左侧假（false）一旦左侧是 true，并且操作符右侧可能永远不会运行。让我们通过以下代码的例子进行解释：

1
2
3
4
5
let a = null;
let b = 'Hello World';
let message = a || b;

console.log(message);

在上述代码中， || 操作符用于将 a 和 b 进行比较，返回一个包含最终消息的字符串变量 message。由于 a 是 null，这意味着 a 是假（false），所以在此处 || 操作符将跳过第一种选择并自动进入第二种选择（'Hello World'）。该语句将赋值为 “Hello World” 并输出到控制台中。

当然，适用于“或”操作符的一个更实用的应用程序是在函数中使用默认值。在以下代码的例子中，我们将写一个打印消息的函数。如果不提供消息，则使用默认消息：

1
2
3
4
5
6
7
function printMessage(message) {
  message = message || "这是默认消息"; 
  console.log(message);
}

//未传递 message 参数, 使用了默认消息
printMessage();

短路表格

下面的表格总结了短路操作符的作用和特点，其中 L 和 R 分别表示表达式的左操作数和右操作数。

L R L && R L || R
false false false false
false true false true
true false false true
true true true true

总结

逻辑短路求值是一种非常出色的编程技术，可以用于简化逻辑并减少代码的复杂性。短路语法也是优化代码和实现更好的性能的一种方法。精通并使用得当的短路语法可以更有效地编写JavaScript代码，使其更为简洁明了。在编写代码时，务必牢记并灵活使用短路语法，以获得更好的编码体验和高效的代码性能。