我什么时候应该在TypeScript中对类型进行硬编码？

Question

我有以下编码选项：

const button1 = document.querySelector("#myButton");
const button2: HTMLButtonElement | null = document.querySelector("#myButton");
const button3 = document.querySelector("#myButton") as HTMLButtonElement;

我不明白的是什么时候应该使用类型（按钮2和3），因为编译器几乎总是在推断某些东西（按钮1），这对我来说硬编码类型似乎毫无意义。