快捷導(dǎo)航

TypeScript使用strictnullcheck實戰(zhàn)解析

更新時間：2023年08月01日 14:33:32 作者：RDDcoding

這篇文章主要為大家介紹了TypeScript使用strictnullcheck實戰(zhàn)解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

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)包含這些檢查。缺點(diǎn)是新開發(fā)人員還需要學(xué)習(xí)一個概念。對我來說，利大于弊，所以我建議打開嚴(yán)格的空檢查。

嚴(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依舊會報此錯)
}

如上所述：