TypeScript最佳實踐：是否使用strictnullcheck

張漢慶發(fā)布于2019-08-26 18:37 / 1410人閱讀

摘要：因為標(biāo)志在時添加的，所以它的使用還沒有那么廣泛。截至年月，項目和項目中使用了該標(biāo)志，而或都沒有使用該標(biāo)志。如果執(zhí)行條件檢查可以推斷某些內(nèi)容是非空的。然而，對于三元運算符來說，不幸的是情況并非如此。

原文2017年7月發(fā)布并于2017年9月更新strictnullcheck(嚴(yán)格的null檢查)

我應(yīng)該使用strictnullcheck TypeScript編譯器標(biāo)志嗎?

空指針是最常見的bug之一，而通過strictnullcheck TypeScript編譯器標(biāo)志可以在很大程度上避免空指針。因為strictnullcheck標(biāo)志在TypeScript 2時添加的，所以它的使用還沒有那么廣泛。截至2017年9月，Angular項目和typeORM項目中使用了該標(biāo)志，而VSCode、RxJS、ionor或Babylon.js都沒有使用該標(biāo)志。此外，新建一個TypeScript項目時strictnullcheck并不默認(rèn)開啟，以保證向后兼容，并保持TypeScript是JavaScript的超集。

如果你準(zhǔn)備編寫一個新TypeScript項目，或者有時間將strictnullcheck標(biāo)志引入到現(xiàn)有的項目中，我建議你這樣做。你的應(yīng)用會因此具備更高的安全性，使用嚴(yán)格的null檢查也不會打亂代碼，因應(yīng)用程序本應(yīng)包含這些檢查。缺點是新開發(fā)人員還需要學(xué)習(xí)一個概念。對我來說，利大于弊，所以我建議打開嚴(yán)格的空檢查。

嚴(yán)格的空檢查的一個例子是:

tsconfig.json

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "noImplicitAny": true,
    "strictNullChecks": true,
    "outDir": "./dist"
  },
  "include": [
    "src/**/*"
  ]
}

src/user.ts

interface User {
  name: string;
  age?: number;
}
function printUserInfo(user: User) {
  console.log(`${user.name}, ${user.age.toString()}`)
  // => error TS2532: Object is possibly "undefined".
  console.log(`${user.name}, ${user.age!.toString()}`)
  // => OK, you confirm that you"re sure user.age is non-null.
  // => 好的，你已經(jīng)確認(rèn)user.age是非空的。

  if (user.age != null) {
    console.log(`${user.name}, ${user.age.toString()}`)
  }
  // => OK, the if-condition checked that user.age is non-null.
    // => 好的，if條件檢查了user.age是非空的。

  console.log(user.name + ", " + user.age != null ? user.age.toString() : "age unknown");
  // => Unfortunately TypeScript can"t infer that age is non-null here.
  // => 不幸的是TypeScript不能在這里推斷年齡是非空的。(譯注：截止至2019年7月16日，TS依舊會報此錯)
}

如上所述：

感嘆號表示你確信(例如，通過在代碼中的某個地方執(zhí)行檢查)可能為空的變量實際上是非空的。

如果執(zhí)行If條件檢查, TypeScript可以推斷某些內(nèi)容是非空的。

然而，對于三元運算符來說，不幸的是情況并非如此。