最近开始认真学习和写typescript辽。
把看到的一些推荐用法和不推荐用法简单地整理了一下,希望可以通过这种方式更好滴整理对typescript的理解。
以下是正文:
1.不使用Public装饰在class中
Don't:
Do:
Why:
这条似乎是很好理解,因为不需要public关键字,class和class内的function默认都会是public的。
2.不使用在private装饰在组件类
Don't:
Do:
Why:
因为private装饰器并不会起作用...
当然下划线符号也不能让方法在在运行时是私用的,只是看起来语义更加准确
3.不使用typescript的enum
Don't
Why:
如图可以看到,typescript的enum在编译后会生成不必要的模板文件。
4.使用查找类型访问组件的state/props
Don't:
Do:
Why:
类型明确,方便使用,使用的时候可以通过类型查找得到
5.使用默认导入来导入库
Don't:
Do:
Why:
- 不只是react,其他库也是
- 导入整个react会让人疑惑,并且不符合webpack tree shaking,会使最后打出来的包里有不需要的代码
6.提前声明类型
Don't:
Do:
Why:
- 明确当前使用的类型
- run-time 和 compile time被清楚地分开了
7.不要在接口/类型别名中使用方法声明
Don't:
Do:
Why:
看起来格式较为统一
8.对象的Key的类型是string而不是number
Don't:
Do:
9.为API response写Interface
可以使用json to typescript的工具直接转换,这帮助我们更好的认识response的类型!
持续补充中...
参考文章:
https://medium.com/@tomsu/typescript-tips-tricks-c8fdef998d50
https://medium.com/@martin_hotell/10-typescript-pro-tips-patterns-with-or-without-react-5799488d6680
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。