angular - 为什么在变量声明中使用按位或运算符？

Question

我正在学习 Angular 并阅读文档，但我很困惑为什么在下面的 product 变量声明中使用按位 OR 运算符。 产品是什么:产品 |未定义行是什么意思？

export class ProductDetailsComponent implements OnInit {

  product: Product | undefined;
  /* ... */
}

Answer 1

在这种情况下，它不是 OR 运算符，而是“联合类型”。

In TypeScript, a union type variable is a variable which can storemultiple type of values (i.e. number, string etc).

A union type allows us to define a variable with multiple types. Theunion type variables are defined using the pipe ('|') symbol betweenthe types.

来源:https://howtodoinjava.com/typescript/union-types/

因此这意味着产品必须是 Product 或 undefined 类型。 (未定义的部分仅在您启用了 strictNullChecks 时才相关)。

另一种写法是

product?: Product;

其中问号表示它是可选参数。