美文网首页web全栈
typescript 代码风格规范

typescript 代码风格规范

作者: 亿汇学_江湖老师 | 来源:发表于2020-09-28 16:43 被阅读0次

    所有的 interface 起始为 I,而 types 起始为 T

    
      interface  IData  {
    
      /* ... */
    
      }
    
      type  TField  =  /* ... */
    
    

    class 或 组件的 interface 应该包含它的名字

    
    interface  IApiService  {
    
      getUser():  IUser;
    
    }
    
    class  ApiService  implements  IApiService  {
    
      /* ... */
    
    }
    

    interface 尽量进行 extends 而不是从零写

    interface  IData  {
    
     name:  string;
    
     surname:  string;
    
    }
    
    interface  IAdmin  extends  IData  {
    
      /* ... */
    
    }
    
    

    如果可以的话,尽量将类型分的更细一点

    • 示例
    interface  IData  {
    
     level:  number;
    
    }
    
    
    • 改为:
    type  TLevel  =  1  |  2;
    
    interface  IData  {
    
     level:  TLevel;
    
    }
    
    

    使用?来替代 undefined 类型

    • 示例
    interface  IData  {
    
     level:  number  | undefined;
    
    }
    
    
    • 修改为
    
    interface  IData  {
    
     level?:  number;
    
    }
    

    在 class 中总是使用 private public protected 明确

    class  Api  {
    
      public  getUser  =  ()  =>  {
    
      const token =  this.getToken();
    
      /* ... */
    
      };
    
      private  getToken  =  ()  =>  {
    
      /* ... */
    
      };
    
    }
    

    相关文章

      网友评论

        本文标题:typescript 代码风格规范

        本文链接:https://www.haomeiwen.com/subject/fgzduktx.html