才知道原来 typescript 最近(4.4.0)才支持区分一个属性不存在还是属性的值为 undefined

2021-09-17 16:52:30 +08:00
 Leviathann
然后就碰到这个点导致的 bug 。。
多少年了终于能够在编译器发现这个问题,我只能说 thanks for inventing Javascript

如果有同样需要的朋友可以在 tsconfig 里加
“exactOptionalPropertyTypes”: true,
1485 次点击
所在节点    TypeScript
11 条回复
xlsepiphone
2021-09-17 17:11:14 +08:00
语法上如何判断呢?
number
2021-09-17 17:14:06 +08:00
能否举个开启前和开启后的栗子
learningman
2021-09-17 17:18:12 +08:00
Object.hasOwnProprietor
learningman
2021-09-17 17:18:21 +08:00
Property
xlsepiphone
2021-09-17 17:29:28 +08:00
```typescript
// With 'exactOptionalPropertyTypes' on:
const p: Person = {
name: "Daniel",
age: undefined, // Error! undefined isn't a number
};
```
EPr2hh6LADQWqRVH
2021-09-17 17:37:07 +08:00
搞错了,是人的问题。

这个选项可有可无,我个人觉得没有更好一点。

都已知存在这个字段了,还非得掩耳盗铃假装它不存在,不能给他设置成 undefined,
那怎么办,只能 delete 他?
手动设置一个 undefined 可选项?
这两个都比现在的方式更麻烦更不可读。
Leviathann
2021-09-17 17:43:09 +08:00
@number
@xlsepiphone

开启后可以判断一个 obj 是没有字段还是字段的值为 undefined,
如果不开,当你遍历这个 obj 的 entries 的时候,如果定义的时候使用的是 {propertyName?: string | number } 编译器不会告诉你这个 value 可能是 undefined

开了以后就能识别出来
type A = { name?: string }
const a: A = { name: undefined } // error
maichael
2021-09-17 18:23:32 +08:00
@avastms #6

"Functions and operators like Object.assign, Object.keys, object spread ({ ...obj }), and for–in loops behave differently depending on whether or not a property actually exists on an object."

基于官方的说法,这个场景更多针对于下面这类的用法:
const a = {b:1, c:undefined}
object.keys(a) // ['b', 'c']
const b = {b:1}
object.keys(b) // ['b']

当然,意义确实不大。
pkoukk
2021-09-17 18:43:36 +08:00
是啥情况下需要传值为 undefined 呢?想传空应该传 null 吧
Leviathann
2021-09-17 19:16:07 +08:00
@pkoukk
就是比如说有一个 react component 的属性 name,定义是 {name?: string},不传的时候就自然是 undeifined,然后用这个属性的字面量简写构建了一个对象
const obj = {name}
把这个 obj 传给一个接收参数类型为 {params: {name?: string}} 的函数,然后函数直接
Object.entries.map(([key, value]) => xxx)
然后由于不开这个选项,value 就没有告诉他可能是 undefined,结果我用的时候也没注意到,然后还得帮他改 bug 。。
iugo
2022-04-23 09:26:42 +08:00
在运行时上有意义, 但在编译时上意义没那么大.

在运行时上的意义比如 Object.keys() 时的结果.

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/802583

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX