Ошибки, которые вас спасают

На курсе JavaScript некоторые ошибки не вызывали никакого сообщения. Программа запускалась и давала странный результат или падала лишь тогда, когда добиралась до ошибки. В этой программе три такие ошибки:

const hero = { name: "Кира", health: 50 };
const maxHealth = 50;

hero.health = hero.helth - 10;
console.log("Здоровье:", hero.health);
console.log(hero.name.toUppercase());
maxHealth = 60;

Как JavaScript она вывела бы Здоровье: NaN, а затем упала бы с ошибкой TypeError: hero.name.toUppercase is not a function. Третья ошибка ждала бы, пока вы исправите вторую. TypeScript находит все три до запуска программы:

main.ts(4,20): error TS2551: Property 'helth' does not exist on type '{ name: string; health: number; }'. Did you mean 'health'?
main.ts(6,23): error TS2551: Property 'toUppercase' does not exist on type 'string'. Did you mean 'toUpperCase'?
main.ts(7,1): error TS2588: Cannot assign to 'maxHealth' because it is a constant.

• Опечатка в названии свойства. В JavaScript несуществующее свойство даёт undefined, а вычисление с undefined даёт NaN. TypeScript знает, какие свойства есть у объекта, по тому объекту, который вы создали. Он ловит опечатку даже при присваивании: в JavaScript hero.Health = 60; молча добавило бы новое свойство Health, а TypeScript сообщает Property 'Health' does not exist on type … и предлагает health.
• Неправильно написанный метод. Заглавные и строчные буквы различаются, поэтому toUppercase — это не toUpperCase. TypeScript знает все методы строк и подсказывает нужный.
• Присваивание константе. В JavaScript это была ошибка TypeError: Assignment to constant variable., но лишь во время работы программы. TypeScript сообщает о ней заранее: Cannot assign to 'maxHealth' because it is a constant. Если значение должно меняться, создавайте переменную через let. Если нет — не присваивайте ей.

Помните, что const защищает переменную, а не объект, лежащий в ней. Выше hero.health = … допустимо, хотя hero — константа: константа всё время хранит один и тот же объект, меняется лишь свойство объекта. Так работает JavaScript, и TypeScript ему следует.

Все эти ошибки легко сделать и трудно найти в большой программе, потому что JavaScript показывает их последствия не там, где они находятся. TypeScript указывает на точную строку. Это главная причина, по которой программисты им пользуются: многие баги просто не успевают запуститься.