TypeScript（TS）语法糖之短路运算符 ||

在TypeScript中，短路运算符（||）是一个常用的运算符，它允许我们在表达式遇到"假"值时提供一个默认值。这是一个语法糖，可以让我们的代码更加简洁。

以下是使用||语法糖的一些示例：

1. 在变量赋值时使用短路运算符：

let value: string = undefined || "default";
console.log(value); // 输出 "default"

在这个例子中，如果左侧的undefined被认为是假值，那么||运算符将返回右侧的值。

2. 在函数参数传递时使用短路运算符：

function getValue(value: string | undefined) {
  return value || "default";
}
 
console.log(getValue(undefined)); // 输出 "default"
console.log(getValue("notDefault")); // 输出 "notDefault"

在这个例子中，如果getValue函数的参数是undefined，那么||运算符将返回右侧的值。

3. 在条件语句中使用短路运算符：

let obj = { value: "notDefault" };
let value = obj.value || "default";
console.log(value); // 输出 "notDefault"
 
obj = {};
value = obj.value || "default";
console.log(value); // 输出 "default"

在这个例子中，如果obj.value是undefined或null（在TypeScript中这两个值都会被认为是假值），那么||运算符将返回右侧的值。

请注意，短路运算符||在TypeScript中的工作方式是，如果它的左侧是null或undefined或false或0或""或NaN，那么它将返回右侧的值。否则，它将返回左侧的值。