zoukankan      html  css  js  c++  java
  • [Typescript] Make TypeScript Class Usage Safer with Strict Property Initialization

    By setting the strictPropertyInitialization flag in the .tsconfig file, TypeScript will start throwing errors unless we initialize all properties of classes on construction. We’ll explore how you can fix the errors by assigning to them directly or in the constructor body. And if you can’t initialize directly but you’re sure it will be assigned to at runtime by a dependency injection library, you can use the definite assignment assertion operator to ask TypeScript to ignore that property.

    For example, code belkow, 'title' is undefined. WIll cause the problem when we call '.filter'.

    class Library {
      titles: string[];
    
      constructor() {}
    }
    const library = new Library();
    
    // sometime later & elsewhere in our codebase..
    
    const shortTitles = library.titles.filter(
      title => title.length < 5
    );

    First we want our IDE to help us to detect the problem even before compiling...

    tsconfig.json:

    {
      "compilerOptions": {
        "strictPropertyInitialization": true,
        "strictNullChecks": true
      }
    }

    After setting up 'strictPropertyInitialization' & 'strictNullChecks', IDE will tell us that 'title' is undefined.

    In the code, we can also utitlize: 

    'use strict'
    

    or add some if checking.

    Using definite assignment operator from Typescript:

    class Library {
      titles!: string[]
    
      constructor() {}
    }

    '!' tell typescript, this object is not undefine or null, we will assign the value later, so in this case, IDE won't complain:

    class Library {
      titles!: string[]
    
      constructor() {
    
         this.titles = []
      }
    }
  • 相关阅读:
    PTA 乙级 1041 考试座位号 (15分) C++
    markdown test
    PTA 乙级 1040 有几个PAT (25分) C/C++
    PTA 乙级 1039 到底买不买 (20分) Python
    升级DLL plugin 到AutoDllPlugin
    使用插件适配移动端布局
    关于webpack,你想知道的都在这;
    HTML2Canvas使用总结
    ajax自己封装
    linux 基础知识练习之一---安装与连接
  • 原文地址:https://www.cnblogs.com/Answer1215/p/10268562.html
Copyright © 2011-2022 走看看