typescript-tutorial
typescript-tutorial copied to clipboard
xcatliu
对象的类型——接口
@fengliang2011 在3.9.3中，如果同时存在任意属性、可选属性，那么任意属性的数据类型要带undefined
是的，或者可以修改任意属性的类型为 any。
@lanceMe 如何关闭TS2322,这个错误一包导致项目都不运行了，只是类型错误搞得这么严重？
把tsconfig里面的noEmitOnError选项改成false试试？
大白的理解：接口里定义了基础属性，可选属性，任意属性，只读属性。基础属性约束了形状；可选属性在属性后加问号，表示可选；任意属性采用中括号进行定义string类型的属性；只读属性在属性前加readonly，不能被写
interface Person { name: string; age?: number; [propName: string]: string | number; }
let tom: Person = { name: 'Tom', age: 25, gender: 'male' }; 这个age属性是可选的，可能为undefined类型
@aipdx 接口里的属性用什么隔开啊？我用了逗号，分号，什么都不加，都不报错
个人理解 以前写js 代码报错 是因为不符合 eslint 不报错 1.校验规则 2.他的语法标准 并没有觉得有问题
其实最后一个例子中 其实也不能说 存在 因为在赋值的时候 tom 初始化 对象中不存在 id 就已经会报错了 也就不会再看 tom.id = 89757; 这个赋值了
接口的內文描述：
定義的變數比介面少了一些屬性是不允許的： 多一些屬性也是不允許的： 可見，賦值的時候，變數的形狀必須和介面的形狀保持一致。
但事實上官網明明是允許的? https://www.typescriptlang.org/docs/handbook/interfaces.html
but the compiler only checks that at least the ones required are present and match the types required
@zb-0819 interface Person { name: string; age?: number; [propName: string]: string | number; }
let tom: Person = { name: 'Tom', age: 25, gender: 'male' }; 这个age属性是可选的，可能为undefined类型
Demo在非strict模式下测试不报错，或者任意属性类型加上undefined.
