美文网首页Java 核心技术天工开物我爱编程
TypeScript中的可选属性和只读属性

TypeScript中的可选属性和只读属性

作者: 孙亖 | 来源:发表于2018-01-23 16:30 被阅读258次
  • 可选属性

接口里的属性不全都是必需的。 有些是只在某些条件下存在,或者根本不存在。 例如给函数传入的参数对象中只有部分属性赋值了。带有可选属性的接口与普通的接口定义差不多,只是在可选属性名字定义的后面加一个?符号。如下所示:

interface Person {
  name: string;
  age?: number;
  gender?: number;
}

上面的例子中Person对象名字(name)是不可选的,age和gender是可选的。

  • 只读属性

顾名思义就是这个属性是不可写的,对象属性只能在对象刚刚创建的时候修改其值。 你可以在属性名前用 readonly来指定只读属性,如下所示:

interface User {
    readonly loginName: string;
    password: string;
}

上面的例子说明,当完成User对象的初始化后loginName就不可以修改了。

  • readonly vs const

最简单判断该用readonly还是const的方法是看要把它做为变量使用还是做为一个属性。 做为变量使用的话用const,若做为属性则使用readonly

TypeScript快速入门.jpg 如何用Python爬取网页制作电子书.jpg

请点击阅读原文,查看原文博客。

阅读原文

相关文章

  • TypeScript中的可选属性和只读属性

    可选属性 接口里的属性不全都是必需的。 有些是只在某些条件下存在,或者根本不存在。 例如给函数传入的参数对象中只有...

  • typescript 接口interface

    TypeScript的核心原则之一是对值所具有的结构进行类型检查。 可选属性: ? 只读属性: readonly ...

  • ts 接口的属性权限、使用、继承

    1. 接口的属性类型和权限 只读属性只读属性,在被定义后不可被修改 可选属性接口被调用的时候,它所定义的属性必须全...

  • TypeScript 接口

    TypeScript接口 接口只读属性 使用关键字readonly定义只读的接口属性 出现错误,如下 创建不可修改...

  • 学习typescript - Interfaces

    函数入参限制 interface函数入参 可选属性 只读属性 只读数组 接口添加索引名称 接口规定类类型 - 属性...

  • Typescript学习记录之接口

    1.接口:描述有属性的对象的形状 扩展: (1)可选属性(属性名后加上 ?)(2)只读属性(属性名前加上 rea...

  • 对象

    对象类型 对象类型只有3种形式来描述: 匿名形式 接口形式 类型别名 只读属性和可选属性 索引签名(约束属性名的类型)

  • TS中的接口

    本文目录: 1.接口的概念 2.可选属性和只读属性 3.任意属性 4.函数类型 5.可索引属性 6.类接口 8.接...

  • TypeScript面向对象

    TypeScript面向对象 readonly 单层修饰只读属性。 构造器 构造方法。 方法 Getters/Se...

  • 2018-11-13 HTML中的JavaScript