1、接口约束对象函数类的结构 2、对象的接口如何定义 3、关键字 interface 4、作用：规范对象的属性属性的类型属性值的类型 5、类型断言用as 或者<>的形式，后者在react中使用会出问题 6、可选属性通过？来设置 7、只读属性通过readonly 来设置 8、当不确定接口中属性个数时需要使用索引签名 9、索引签名包括字符串索引签名和数字索引签名 10、当接口中定义了一个索引后，例如设置了【x:string】= string，就不能设置y：number了。因为设置了【x:string】= string相当于这个接口的字符串索引返回值都是字符串，而y：number违背这一原则，冲突了。反过来如果定义了【x:string】=Number, 就不能设置 y:string了。 11、可以同时使用两种类型的索引，但是数字索引的返回值必须是字符串索引返回值类型的子类型。因为数字索引或转化为字符串索引，而转化的这部分索引对应的值的类型范围超过了字符串索引类型的范围，就会报错，相当于超出范围。笔记加个人理解，万望老师指点纠正

作者回复: 给你点赞

2019-07-19



31

曾小贤

数字索引的类型接口能理解，比如定义成[x:number］:string,但是[x:string]:string的实际类型该是什么呢？这块没理解，示例里的ＮＡＭＥＳ　它的真实值该是长什么样的？

作者回复: interface Names { [x: string]: string; } let names: Names = { xiaoming: "", xiaohong: "" }

2019-07-18



10

Mokc

请问下老师,在用类型断言绕过类型检查中,为什么data只有一个List对象也会报错呢?是因为必须是一个数组吗? render({ data:[ {id:1,name:'A',sex:'male'}, ] }as Result); // 为什么只写一行也会报错 render({ data:[ {id:1,name:'A',sex:'male'}, {id:2,name:'B'} ] }as Result); // 这样就不报错了

作者回复: 这个问题比较奇怪，好像数组中有一个元素符合List定义就通过了检查。原因暂时未知。两个解决方案： 1）用字符串索引签名 2）最后一行 as unknown as Result

2019-07-24



6

GitHubGanKai

请问一下老师，我在ant-desgin-react 中看见这个 export interface ActionButtonProps { type?: ButtonType; actionFn?: (...args: any[]) => any | PromiseLike<any>; closeModal: Function; autoFocus?: boolean; buttonProps?: NativeButtonProps; } 请问：actionFn?: (...args: any[]) => any | PromiseLike<any>; 中的PromiseLike<any>是什么意思？

作者回复: 你可以按住ctrl，点击PromiseLike看它的定义，它是给resolve或reject添加回调的函数，返回一个Promise

2019-11-07



2

kgdmhny

老师，请问一下，我这边的环境 '05.datatype.ts' 与 ‘07-08.interface.ts’ 文件里的变量定义有重复冲突的报错。例如： Cannot redeclare block-scoped variable 'add' .ts(2451) 05.datatype.ts(18, 5): 'add' was also declared here. 请问一下怎么解决这个问题？是因为我的环境里某个编译项配制项没有配吗？

作者回复: 这是正常的，这些代码都是代码片段，为了演示方便，没有考虑重名问题。如果要一起运行，你可以把它们都定义成模块，或者修改一下变量名。

2019-07-28

2

2

对于字符串索引签名我不是很理解, 请问一下老师, [x: string]: any; 的意思是用字符串取匹配list的实例对象的属性名, 如果有属性名与这个字符串匹配的name就返回属性的值吗?

作者回复: interface Names { [x: string]: any } let names: Names 字符串索引签名有两层含义： 1）names 可以有任意多个属性 2）names 可以用字符串索引，既 names['xxx']，或 names.xxx（也可以用数字索引，names[number]，数字会被转换成字符串) 如： names = { 0: 0, a: 'a' } 注意，并不涉及任何字符串匹配问题。

2019-07-21

2

2

潮汐

老师，如果我定义一个interface，里面就是空，然后实际的变量就可以有各种属性，也不报错，是不是不建议这样的空接口的写法？

作者回复: 这种定义符合类型兼容性，也就是变量可以具有接口定义外的额外属性，只不过这个接口是空的。空接口也有一定的作用，要看场景，

2020-08-01



1

away

interface Names { [index: string]: string; } let nam: Names = ['a3', '3'] 这个报错要怎样写呢？ Type 'string[]' is not assignable to type 'Names'. Index signature is missing in type 'string[]'

作者回复: Names是字符串索引类型，不能赋值为数组（数字索引），赋值一个对象就行了。

2019-09-28

3

1

Geek_e8b469

Render 函数穿对象字面量我用了as Result断言还报错不可与类型比较

作者回复: 最好提供一下代码

2020-10-16





Thunder

browser的vscode插件叫啥？

作者回复: 我用的是Mac的分屏功能

2020-05-03





收起评论