🎯 TypeScript для детей
Изучаем супер-силы для JavaScript!
🤔 Что такое TypeScript?
Представь, что JavaScript — это обычный карандаш, которым ты рисуешь. А TypeScript — это волшебный карандаш, который подсказывает тебе, если ты рисуешь что-то не так! TypeScript делает код более понятным и помогает избежать ошибок.
⚡ В чём разница между JavaScript и TypeScript?
| JavaScript | TypeScript |
|---|---|
| Не проверяет типы данных | Проверяет типы данных |
| Ошибки находятся при выполнении | Ошибки находятся при написании кода |
| Более простой синтаксис | Более строгий, но безопасный |
🔤 Типы данных в TypeScript
В TypeScript мы можем сказать, какой тип данных должна хранить переменная. Это как подписать коробки: «Здесь лежат игрушки», «Здесь лежат книги».
// Число
let age: number = 12;
// Строка (текст)
let name: string = "Маша";
// Логическое значение
let isStudent: boolean = true;
// Массив чисел
let grades: number[] = [5, 4, 5, 3];
🎯 Зачем нужны типы?
Типы помогают нам избежать глупых ошибок. Представь, что ты хочешь сложить два числа, но случайно передал текст:
function add(a, b) {
return a + b;
}
console.log(add(5, "3")); // Результат: "53" (не то, что мы хотели!)
function add(a: number, b: number): number {
return a + b;
}
console.log(add(5, 3)); // Результат: 8 (правильно!)
// add(5, "3"); // TypeScript покажет ошибку до выполнения!
🏗️ Интерфейсы — это как чертежи
Интерфейсы в TypeScript — это как чертежи домика. Они описывают, как должен выглядеть объект:
interface Student {
name: string;
age: number;
grade: number;
subjects: string[];
}
// Создаём ученика по чертежу
let student: Student = {
name: "Петя",
age: 13,
grade: 7,
subjects: ["Математика", "Русский язык", "История"]
};
Если мы забудем добавить какое-то свойство или напишем его неправильно, TypeScript сразу нам скажет об этом!
🎮 Практический пример: Игра «Угадай число»
Давайте создадим простую игру на TypeScript:
class NumberGuessingGame {
private secretNumber: number;
private attempts: number;
constructor() {
this.secretNumber = Math.floor(Math.random() * 100) + 1;
this.attempts = 0;
}
guess(userNumber: number): string {
this.attempts++;
if (userNumber === this.secretNumber) {
return `🎉 Поздравляю! Ты угадал за ${this.attempts} попыток!`;
} else if (userNumber < this.secretNumber) {
return "📈 Моё число больше!";
} else {
return "📉 Моё число меньше!";
}
}
getAttempts(): number {
return this.attempts;
}
}
// Играем!
const game = new NumberGuessingGame();
console.log(game.guess(50));
console.log(game.guess(75));
🌟 Преимущества TypeScript
TypeScript даёт нам множество супер-сил:
TypeScript находит ошибки ещё до того, как программа запустится!
Редактор кода лучше понимает, что ты хочешь написать, и предлагает подсказки.
Когда много людей работают над одним проектом, TypeScript помогает всем понимать код друг друга.
🚀 Готов к приключениям с TypeScript?
TypeScript — это как тренировочные колёсики на велосипеде. Они помогают тебе не упасть, пока ты учишься программировать. А когда ты станешь опытным программистом, ты поймёшь, что TypeScript делает твой код намного лучше и безопаснее!
Помни: Каждый великий программист когда-то был новичком. Главное — не бояться экспериментировать и учиться на своих ошибках! 💪