Картки TypeScript

Спонсор категорії

TypeScript - це статично типізований надмножина JavaScript, створена Андерсом Хейлсбергом у Microsoft. Це мова, розроблена для підвищення продуктивності та покращення якості коду у великих додатках. TypeScript характеризується багатою системою типів та розширеними мовними можливостями, що дозволяє виявляти помилки на етапі компіляції та краще підтримувати інструменти розробки. Ця мова пропонує такі функції, як інтерфейси, дженерики та декоратори, надаючи розробникам інструменти для створення більш читабельного та підтримуваного коду. TypeScript також підтримує повну сумісність з JavaScript та поступове впровадження в існуючі проекти, зберігаючи продуктивність та забезпечуючи легке використання екосистеми JavaScript.

Наш додаток з картками містить ретельно підібрані питання для співбесіди з TypeScript з вичерпними відповідями, які ефективно підготують вас до будь-якої співбесіди, що вимагає знань TypeScript. IT Картки - це не просто інструмент для шукачів роботи, це чудовий спосіб закріпити та перевірити свої знання, незалежно від ваших поточних кар'єрних планів. Регулярне використання додатку допоможе вам бути в курсі останніх тенденцій TypeScript і підтримувати свої навички на високому рівні.

Приклади карток TypeScript з нашого додатку

Завантажте наш додаток з App Store або Google Play, щоб отримати більше безкоштовних карток або підпишіться на доступ до всіх карток.

Що таке тип 'any' у TypeScript і коли рекомендується його використання?

Тип any в TypeScript - це динамічний тип, який може представляти будь-який тип даних. Використання типу any дозволяє нам уникнути перевірки типів під час компіляції, і його можна розглядати аналогічно до динамічного типу в інших мовах програмування, таких як JavaScript.

Ось приклад використання типу any в TypeScript:

let dynamicValue: any = 100;
dynamicValue = "привіт";
dynamicValue = false;

Хоча використання типу any зручне, його не рекомендується, якщо ми знаємо структуру даних. Головна перевага TypeScript над JavaScript полягає в тому, що TypeScript вводить статичну типізацію, яка допомагає виявляти помилки під час компіляції.

Використання типу any тому доцільно обмежувати ситуаціями, коли нам не вдається визначити конкретний тип. Наприклад, це може бути необхідним при використанні динамічних даних, таких як дані API, структура яких може змінюватися. Зазначимо - надмірне використання типу any може призвести до втрати переваг, які надає TypeScript через перевірку типів та верифікацію.

Поясніть, що таке тип 'void' у контексті функцій у TypeScript.

Тип void в TypeScript - це спеціальний тип, який повертають функції, які не повертають значення. У термінології JavaScript / TypeScript функції, які не мають оголошеного типу повернення або не мають оператора повернення, повертають undefined. Такий тип функції можна оголосити, використовуючи тип void.

Тип void є корисним, коли ми хочемо створити функцію, яка має виконати певну дію, але не повертає значення. Це часто використовується для функцій, які мають на меті змінити стан додатка або відобразити ефекти на екрані, такі як реакції на клікові події.

Приклад:

function logMessage(message: string): void {
  console.log(message);
}

Функція logMessage приймає рядок як аргумент і відображає його на консолі. Вона не повертає жодного значення. Тип void точно визначає, що вона не повинна повертати жодного значення. Якщо ми спробуємо повернути будь-яке значення з такої функції, TypeScript повідомить про помилку компіляції.

Які різниці між інтерфейсом та типом у TypeScript?

У TypeScript інтерфейси та типи виконують схожі функції, але між ними є відмінності. Ось декілька з них:

1. Можливість декларувати типи різними способами: Типи дозволяють більш складні декларації, наприклад, ми можемо оголосити тип як об'єднання, перетин, кортежний тип, літеральні типи, індексні типи, відображені типи, умовні типи тощо. Інтерфейси не мають такої гнучкості.

2. Розширення та реалізація: Інтерфейси можуть бути розширені та реалізовані для класів, що може полегшити написання коду. Напротивага, типи не надають такої можливості.

3. Злиття декларацій: Інтерфейси можуть мати кілька декларацій в одному області видимості. Всі ці декларації об'єднуються в один інтерфейс. Типи не можуть бути оголошені більше ніж один раз.

Приклад об'єднання інтерфейсів:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Тепер інтерфейс User включає поля name та age

Приклад відмінності в оголошенні типу:

type User = {
  name: string;
};

// Компілятор викликає помилку, тому що типи не можуть бути оголошені більше ніж один раз
type User = {
  age: number;
};

4. Особливості структурної сумісності типів: Інтерфейси можуть використовуватись для визначення структурної сумісності типів, а типи розроблені для обробки композиційних типів.

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

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

Але пам'ятайте, що вибір між інтерфейсом і типом в основному залежить від осі або ситуації. У кожного з них є свої переваги та недоліки.

Як можна визначити об'єкт з конкретними властивостями та типами в TypeScript?

У TypeScript ми можемо визначити об'єкт з вказаними властивостями та типами, використовуючи так званий інтерфейс або псевдонім типу. Обидва цих механізми фокусуються на перевірці форми, яку представляє заданий об'єкт. Вони служать для опису форми об'єктів. Ось як це робити:

1. Використовуючи інтерфейс:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. Використовуючи псевдонім типу:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

У обох випадках, якщо ми хочемо призначити об'єкт для змінної, яка не відповідає заявленій формі (наприклад, поле відсутнє або залишкове), ми отримаємо помилку компіляції.