在 JavaScript 中用 TypeScript 约束对象解构，需将类型标注写在等号右侧或函数参数括号后，不可写在解构左侧；支持接口复用、可选属性、嵌套解构及默认值，但须确保类型兼容。
在 JavaScript 中直接用 TypeScript 约束对象解构，关键不是“加类型注释到解构左侧”，而是把类型信息放在解构赋值的右侧或单独声明接口/类型。TypeScript 不允许像 {name: string, age: number} 这样在解构模式里写类型（那会被解析为重命名语法），必须用显式类型标注方式。
解构时直接标注类型
最常用也最直观的方式：在解构赋值语句末尾，用冒号 + 类型标注整体结构。
-
const { name, age } = body;❌ 没类型，TS 报错（若body类型未推导） -
const { name, age }: { name: string; age: number } = body;✅ 正确，类型写在等号右边 - 支持可选属性：
const { name, age }: { name?: string; age?: number } = body;
用接口或 type 提前定义再复用
当解构逻辑复杂、多处出现，或对象嵌套较深时，推荐提取成接口（interface）或类型别名（type），提升可读性和维护性。
interface User { name: string; age: number; email?: string; }-
const { name, email } = user as User;（不推荐强制断言） -
const { name, email }: User = user;✅ 推荐，类型安全且清晰 - 函数参数中同样适用：
function logUser({ name, age }: User) { ... }
嵌套解构与默认值的类型处理
嵌套解构本身不改变类型约束逻辑，但需注意路径存在性和默认值兼容性。
-
const { address: { city = 'Beijing' } } = user;—— 这里city的默认值不会自动推导类型，仍需整体标注：: { address?: { city?: string } } - 更稳妥写法：
const { address = {} }: { address?: { city?: string } } = user;，再解构address.city - 避免在解构中混用非空类型和默认值，比如
age: number = 0要求age属性必须可选或存在，否则会报错
函数参数解构的类型写法
函数参数解构是高频场景，类型必须写在参数括号后、等号前（如果有默认值，则写在默认值之前）。
function greet({ name, age }: { name: string; age: number }) { ... }-
function greet({ name, age = 18 }: { name: string; age?: number } = {}) { ... }✅ 注意：默认值= {}前必须有完整类型标注 - 错误写法：
function greet({ name: string, age }: ...) {...}——name: string是重命名，不是类型
