代码
const obj = {};
if ('a' in obj) console.log(42);
不是打字稿（没有错误）。我明白为什么会这样。此外，在 TS 2.8.1 中，“in”用作类型保护。
但是，有没有办法检查属性是否存在，但如果属性没有在obj的接口中定义，则会出错？
interface Obj{
a: any;
}
我不是在谈论检查未定义...
【问题讨论】：
标签： javascript typescript types undefined
您可以围绕 hasOwnProperty 实现自己的包装函数，该函数确实会缩小类型。
function hasOwnProperty<T, K extends PropertyKey>(
obj: T,
prop: K
): obj is T & Record<K, unknown> {
return Object.prototype.hasOwnProperty.call(obj, prop);
}
我在这里找到了这个解决方案： TypeScript type narrowing not working when looping
【讨论】：
以下handle 函数检查假设的服务器响应类型安全方式：
/**
* A type guard. Checks if given object x has the key.
*/
const has = <K extends string>(
key: K,
x: object,
): x is { [key in K]: unknown } => (
key in x
);
function handle(response: unknown) {
if (
typeof response !== 'object'
|| response == null
|| !has('items', response)
|| !has('meta', response)
) {
// TODO: Paste a proper error handling here.
throw new Error('Invalid response!');
}
console.log(response.items);
console.log(response.meta);
}
Playground Link。函数has 可能应该保存在单独的实用程序模块中。
【讨论】：
response: {'a': number}，has('items', response) 不会产生预期的编译时错误。
handle 的参数类型时，我已经发布了解决方案。例如，这可能是 API 端点处理程序——每个人都可能不小心在那里发送无效数据。这就是为什么handle 接受unknown 类型的参数（这意味着“一切，我不知道是什么”）。这里的类型安全意味着您无法（在编译时）在不检查其类型的情况下使用response。例如。第 24 行中的 here response.somethingElse 在没有类型检查的情况下被使用，TypeScript 对此抱怨。
您不会收到错误消息，因为您使用字符串来检查属性是否存在。
你会这样得到错误：
interface Obj{
a: any;
}
const obj: Obj = { a: "test" };
if (obj.b) // this is not allowed
if ("b" in obj) // no error because you use string
如果您希望类型检查适用于字符串属性，您可以添加 index signatures using this example
【讨论】：
const obj: Thing | OtherThing。
console.log(o.hasOwnProperty("a")) 来查看属性是否存在。如果它存在但未定义，那么它仍然会返回 true。