【Typescript】关于TS中的对象、数组、函数类型的区别

原创于 2024-04-11 17:07:27 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #前端

本文介绍了TypeScript中对象类型的概念，特别是如何定义和区分非数组函数类型的对象类型OnlyObjectType，展示了如何使用它来约束不同类型的参数，如对象、数组和函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Typescript中的对象是最容易混淆的一个概念，也是最难约束的！

Function类型也是一个 object类型，Array类型也是一个 object类型！为此要约束一个【非数组函数类型的对象类型】参考：

// 定义一个【非数组和函数的对象类型】
export type OnlyObjectType<T> = T extends Function | Array<any> ? never : (T extends object ? T : never)


function f<T>(o: OnlyObjectType<T>) {
	console.log(o)
}

// 对象约束
f({ name: "1232" }) // 正确
// 数组约束
f([]) // 错误
// 函数约束
f(()=>{}) // 错误