对象的类型

在typescript中，我们定义对象的方式要用关键字interface（接口），我的理解是使用interface来定义一种约束，让数据的结构满足约束的格式。定义方式如下：

//这样写是会报错的 因为我们在person定义了a，b但是对象里面缺少b属性
//使用接口约束的时候不能多一个属性也不能少一个属性
//必须与接口保持一致
interface Person {b:string,a:string
}const person:Person  = {a:"213"
}

//重名interface  可以合并
interface A{name:string}
interface A{age:number}
var x:A={name:'xx',age:20}
//继承
interface A{name:string
}interface B extends A{age:number
}let obj:B = {age:18,name:"string"
}

可选属性使用?操作符

//可选属性的含义是该属性可以不存在
//所以说这样写也是没问题的
interface Person {b?:string,a:string
}const person:Person  = {a:"213"
}

任意属性 [propName: string]

需要注意的是，一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集：

//在这个例子当中我们看到接口中并没有定义C但是并没有报错
//应为我们定义了[propName: string]: any;
//允许添加新的任意属性
interface Person {b?:string,a:string,[propName: string]: any;
}const person:Person  = {a:"213",c:"123"
}

只读属性 readonly

readonly 只读属性是不允许被赋值的只能读取

//这样写是会报错的
//应为a是只读的不允许重新赋值
interface Person {b?: string,readonly a: string,[propName: string]: any;
}const person: Person = {a: "213",c: "123"
}person.a = 123

添加函数

interface Person {b?: string,readonly a: string,[propName: string]: any;cb():void
}const person: Person = {a: "213",c: "123",cb:()=>{console.log(123)}
}

下一章数组学习TypeScrip4（数组类型）_qq1195566313的博客-CSDN博客

学习TypeScrip3（接口和对象类型）相关推荐

TypeScript实战-05-TS接口之对象类型接口
一,前言 TS新增了一个重要概念:接口,分为对象类型接口和函数类型接口二,接口示例接口可以约束对象,函数,类的结构和类型,是一种代码协作必须遵守的契约接口的定义方式: 使用interface关键 ...
java使用axis调用.net发布的webservice接口返回对象类型
本人在java中axis-1.4 调用 .net发布的webService接口有问题欢迎各路大神讨论 !!! 1.1 基本类型 1.2 对象类型 1.3复杂对象类型(对象类中嵌套对象类) 返回基本类 ...
Selenium学习 - WebElement接口
Selenium学习 - WebElement接口 WebElement对象代表了一个DOM元素. 一.WebElement的属性 tag_name --- 元素的tagName属性 text ...
python 对象类型有哪些？
python 强大的内置类型让我接触到python的时候开始慢慢的喜欢上它了,感觉既方便又好用,下面我们先一起学习下内置对象类型的好处: 1内置对象能够使得我们编写程序更容易. 2内置的对象效率更高, ...
TypeScript对象类型
对象类型在 JavaScript 中,我们分组和传递数据的基本方式是通过对象.在 TypeScript 中,我们通过对象类型来表示它们. 而TypeScript的核心原则之一是对值所具有的的结构进行 ...
1.19(对象类型判断、复制、in、遍历；深拷贝与浅拷贝；字符串的遍历接口、模板字符串、字符串扩展方法)
1.19(对象类型判断.复制.in.遍历;深浅拷贝;字符串的遍历接口.模板字符串.unicode.字符串扩展方法) 一.对象 1.属性简洁表示法与属性名表达式 let name = "wuy ...
Go 学习笔记（64）— Go error.New 创建接口错误对象、fmt.Errorf 创建接口错误对象、errors.Is 和 errors.As
1. error 接口定义除用 panic 引发中断性错误外,还可返回 error 类型错误对象来表示函数调用状态.error 接口是 Go 原生内置的类型,它的定义如下: // $GOROOT/s ...
Go 学习笔记（35）— Go 接口 interface （接口声明、接口初始化、接口方法调用、接口运算、类型断言、类型查询、空接口）
1. 接口概念接口是双方约定的一种合作协议.接口实现者不需要关心接口会被怎样使用,调用者也不需要关心接口的实现细节.接口是一种类型,也是一种抽象结构,不会暴露所含数据的格式.类型及结构. 接口内部存 ...
TS对象类型 -- 接口(interface)
/*** 对象类型 -- 接口*/ //在面向对象的语言中,接口(interfaces)是对行为的抽象,而具体如何行动需要类(class)去实现 //在Ts中的接口是非常灵活的概念,除了对行为抽象之外 ...

学习TypeScrip3（接口和对象类型）

对象的类型

可选属性使用?操作符

任意属性 [propName: string]

只读属性 readonly

添加函数

学习TypeScrip3（接口和对象类型）相关推荐

最新文章

热门文章

学习TypeScrip3（接口和对象类型）

对象的类型

可选属性 使用?操作符

任意属性 [propName: string]

只读属性 readonly

添加函数

学习TypeScrip3（接口和对象类型）相关推荐

最新文章

热门文章

可选属性使用?操作符