typescript ?运算符

TypeScript中的运算符与JavaScript中的运算符相同，包括算术运算符（+、-、*、/、%）、比较运算符（>、<、>=、<=、==、!=、===、!==）、逻辑运算符（&&、||、!）、位运算符（&、|、^、~、<<、>>、>>>）等等。

TypeScript还引入了一些新的运算符，其中一个重要的是“?”运算符（也称为“非空断言运算符”），它可以用来断言一个值不为null或undefined。例如：

let myString: string | undefined;

// 断言myString不为undefined或null
let myLength: number = myString!.length;

另一个重要的运算符是“as”运算符，用于类型断言。例如：

let myObject: any = { name: "John", age: 30 };

// 将myObject转换为Person类型
let myPerson: Person = myObject as Person;

除此之外，TypeScript还支持其他运算符，例如“keyof”运算符用于获取一个类型的所有键名，以及“in”运算符用于判断一个键名是否存在于一个对象中。

相关问题

typescript ??运算符

TypeScript 中的 `??` 运算符是 Nullish Coalescing 运算符，用于处理 null 或 undefined 值。它的作用是如果左侧的表达式结果为 null 或 undefined，则返回右侧的默认值，否则返回左侧表达式的结果。

例如：

const foo = null;
const bar = foo ?? "default value";
console.log(bar); // 输出 "default value"

在上面的示例中，`foo` 是 null，所以 `bar` 的值为 `"default value"`。

需要注意的是，`??` 运算符只会在左侧表达式的结果为 null 或 undefined 时返回右侧的默认值。如果左侧表达式的结果是空字符串、0、false 或 NaN 等 Falsy 值，仍然会返回左侧表达式的结果。如果需要判断左侧表达式的结果是否为 Falsy 值，应该使用 || 运算符。

TypeScript ?? ?.语法

TypeScript中的`??`和`?.`语法是用于处理`null`和`undefined`值的操作符，它们可以帮助开发者编写更安全和简洁的代码。

1. **空值合并运算符（??）**：
空值合并运算符`??`用于在左侧操作数为`null`或`undefined`时，返回右侧操作数的值，否则返回左侧操作数的值。

   let a: string | null = null;
   let b: string = "default";

   let result = a ?? b; // result的值为"default"

在这个例子中，`a`是`null`，所以`result`的值为`b`，即"default"。

2. **可选链运算符（?.）**：
可选链运算符`?.`用于在访问对象属性或调用对象方法时，如果对象本身是`null`或`undefined`，则返回`undefined`，而不是抛出错误。

   let obj: { name?: string } | null = null;

   let name = obj?.name; // name的值为undefined

在这个例子中，`obj`是`null`，所以`name`的值为`undefined`，而不是抛出错误。

可选链运算符还可以用于调用方法：

   let obj: { method?: () => string } | null = null;

   let result = obj?.method?.(); // result的值为undefined

在这个例子中，`obj`是`null`，所以`result`的值为`undefined`，而不是抛出错误。