TypeScript Пояснення: Чому він вам потрібен

Ви пишете на JavaScript щодня. Все працює добре. Тож навіщо переходити на TypeScript?

Одного разу я витратив два дні на виправлення багу в продакшені. Це була звичайна помилка в назві властивості. TypeScript знайшов би цю помилку за мілісекунди.

TypeScript — це JavaScript із типами. Microsoft створила його у 2012 році. Його використовують великі команди в Google та Slack.

TypeScript не замінює JavaScript. Він компілюється у звичайний JavaScript. Браузери та Node.js запускають отримані JS-файли. TypeScript допомагає писати кращий код ще до його запуску.

Порівняйте ці два приклади:

JavaScript: function greetUser(name) { return "Hello, " + name.toUpperCase(); } greetUser(42); // Це призведе до збою вашого додатка під час виконання.

TypeScript: function greetUser(name: string): string { return "Hello, " + name.toUpperCase(); } greetUser(42); // Це миттєво покаже помилку у вашому редакторі.

Навіщо використовувати TypeScript?

  • Виявляйте помилки на ранніх етапах: ви знаходите помилки під час написання коду, а не тоді, коли їх знаходять користувачі.
  • Кращий автокомпліт: ваш редактор знає структуру ваших даних і пропонує властивості.
  • Жива документація: ви точно бачите, які дані потрібні функції, просто подивившись на її сигнатуру.
  • Безпечний рефакторинг: якщо ви перейменуєте властивість, TypeScript позначить кожне місце у вашому коді, де це призведе до помилки.

Як почати:

  1. Встановіть його через npm: npm install -g typescript

  2. Створіть файл із назвою hello.ts: const message: string = "Hello, TypeScript!"; console.log(message);

  3. Скомпілюйте його: tsc hello.ts

Це створить файл hello.js. Типи зникають у вихідному коді, залишаючи чистий JavaScript для виконання у вашому браузері.

Поширені помилки, яких слід уникати:

  • Використання "any" для всього: це позбавляє вас переваг TypeScript. Будьте конкретними.
  • Ігнорування помилок: не приховуйте помилки за допомогою коментарів. Виправляйте першопричину.
  • Надмірне анотування: TypeScript розумний. Він часто може визначити тип через виведення типів.

TypeScript має невеликий поріг входження. Це окупиться, коли ваші проєкти зростатимуть.

Джерело: https://dev.to/ramesh_s_a8f0867d239e927c/typescript-explained-why-every-javascript-developer-should-care-4nn3