TypeScript中if条件简化及代码精简咨询

当然可以简化啦！这段代码的核心逻辑就是找到.block元素后隐藏它，咱们用TypeScript的可选链操作符就能把它精简成一行，还能保证类型安全：

document.querySelector<HTMLElement>('.block')?.style.display = 'none';

给你拆解下这个简化写法的优势：

• 直接通过document.querySelector<HTMLElement>('.block')指定泛型类型，替代了原代码里的类型断言，写法更符合TypeScript的规范；
• 利用?.可选链操作符实现短路逻辑：只有当找到的元素不是null或undefined时，才会执行后续的样式赋值操作，完全等价于原代码里的if判断，代码更紧凑。

另外提个小提醒：别用非空断言!来简化（比如document.querySelector<HTMLElement>('.block')!.style.display = 'none'），这种写法会强制跳过空值检查，如果页面上不存在.block元素，运行时会直接抛出错误，风险很高。

备注：内容来源于stack exchange，提问作者Matoeil