angular - 类型定义中的感叹号

Question

目前我偶然发现了 ContentChildren decorator的 Angular 。在第一个代码示例中，使用了以下语法:

import {AfterContentInit, ContentChildren, Directive, QueryList} from '@angular/core';

@Directive({selector: 'child-directive'})
class ChildDirective {
}

@Directive({selector: 'someDir'})
class SomeDir implements AfterContentInit {
  @ContentChildren(ChildDirective) contentChildren !: QueryList<ChildDirective>;  // this line is relevant

  ngAfterContentInit() {
    // contentChildren is set
  }
}

请注意 感叹号后跟冒号 紧跟在 @ContentChildren(ChildDirective) contentChildren 之后变量定义。在 this StackOverflow thread我发现在访问变量或对象属性时，此语法可用作“非空断言运算符”。

我现在的问题是类型定义之前的感叹号是否与正常上下文中的含义完全相同。它是简单地说 TypeScript 编译器:“好吧，不要担心 null 或未定义”，还是这种语法在这种情况下有其他特定含义？

Answer 1

My question is now whether the exclamation mark before a type definition has exactly the same meaning like in a normal context.

不，这实际上不是一回事，在这种情况下，它做了不同的事情。通常，当您声明一个成员(它的类型中不包含 undefined)时，它必须直接初始化或在构造函数中初始化。如果您添加 !在名称之后，如果您不立即初始化它，TypeScript 将忽略它并且不会显示错误:

class Foo {
  foo: string; // error: Property 'foo' has no initializer and is not definitely assigned in the constructor.
  bar!: string; // no error
}

同样的事情实际上也适用于局部变量:

let foo: string;
let bar!: string;

console.log(foo); // error: Variable 'foo' is used before being assigned.
console.log(bar); // no error

Playground