解构赋值重命名并指定类型时TSLint报错，如何优化语法？

嘿，这个问题我之前也踩过坑！TSLint在这里的报错其实是因为它的no-use-before-declare规则对解构赋值里的重命名语法有点过度敏感了——虽然你的代码在TypeScript语法上完全合法，但TSLint误把解构中的row当成了一个未提前声明的变量。

咱们可以用这几种优化方式来解决：

方式1：提前给sel指定类型 #

如果sel是你自己声明的变量，直接在声明sel的时候标注类型，解构时就不用额外加类型约束了：

// 先给sel指定明确的类型
const sel: { row: number } = { row: 5 };
// 解构重命名，TSLint不会再报错
const { row: tableRow } = sel;

console.log(tableRow); // 输出 5

方式2：使用类型断言（适用于sel是外部传入的情况） #

如果sel是从外部获取的（比如API返回、函数参数），可以用类型断言给sel指定类型，再进行解构：

// 假设sel是外部传入的变量
const { row: tableRow } = sel as { row: number };

console.log(tableRow); // 输出 5

方式3：用类型别名/接口提升可读性（推荐） #

如果这个结构会多次用到，定义一个类型别名或者接口会让代码更清晰，同时也能避免TSLint的报错：

// 定义类型别名
type TableRowObj = { row: number };
// 或者用接口
// interface TableRowObj { row: number }

// 外部传入的sel用类型断言
const { row: tableRow } = sel as TableRowObj;

// 或者自己声明sel时用这个类型
const sel: TableRowObj = { row: 5 };
const { row: tableRow } = sel;

这些写法都能实现你要的「解构提取+重命名+类型指定」的需求，同时让TSLint不再抛出错误。

内容的提问来源于stack exchange，提问作者Jago