TypeScript strictNullChecks - 对象可能是“空”

Question

在使用 Angular 4.1.1 启用 strictNullChecks 后，null 检查出现多个错误。我已经修复了它们的捆绑包，但无法为 this.form.get('username').value 修复相同的 Object is possibly 'null'。与其他人一样，我也尝试过相同的方法，但无法修复错误。

if (this.form.get('username') != null) {
    body.append('username', this.form.get('username').value);
}

Answer 1

尝试使用Non-null assertion operator 喜欢

this.form.get('username')!.value; // notice !

Answer 2

你真的不需要在这里投射。实际上，您永远不必这样做。

最简洁的方式：

const username = this.form.get('username');
if (username) body.append('username', username.value);

或退出早期风格：

const username = this.form.get('username');
if (!username) return;
# back to normal flow
body.append('username', username.value); // no complaint, username cannot be falsy, then it must be { value: string }

编译器无法推断this.form.get('username') 在null 检查和您在其上使用.value 的时间之间没有变化。

使用const 变量，它可以。