البرنامج الأول: Hello World وأساسيات البنية في TypeScript
Что это и зачем?
Представь, что ты даёшь роботу команду: "Скажи 'Привет, мир!'". Робот должен понять твой язык и выполнить задание. TypeScript — это такой язык для компьютера. Он помогает программистам писать команды, которые компьютер выполняет.
Первая программа "Hello World" — это как первое слово ребёнка. Она показывает, что ты научился общаться с компьютером. Даже если программа просто выводит текст, это уже победа! Ты говоришь компьютеру: "Сделай это", и он делает.
Зачем это нужно? Чтобы понять основы: как писать код, как его запускать, как исправлять ошибки. Без этого нельзя двигаться дальше. Это как учить алфавит перед чтением книг.
Синтаксис и примеры кода
Синтаксис — это правила написания команд. Как в русском языке: "Я иду в школу" — правильно, а "Я школа иду" — нет. В TypeScript тоже есть свои правила.
Пример 1: Простой вывод текста
// Это комментарий. Компьютер его игнорирует.
// Он нужен, чтобы программист понимал, что делает код.
console.log("Привет, мир!"); // Выводит текст в консоль
Здесь console.log — это команда "напиши в консоль". В скобках — что писать. Текст обязательно в кавычках. Точка с запятой в конце — как точка в предложении.
Пример 2: Переменные
// Переменная — это коробка, в которую можно положить значение.
let имя: string = "Анна"; // Создаём переменную "имя" с текстом "Анна"
let возраст: number = 12; // Создаём переменную "возраст" с числом 12
console.log("Меня зовут " + имя); // Выведет: Меня зовут Анна
console.log("Мне " + возраст + " лет"); // Выведет: Мне 12 лет
let — команда "создать переменную". После двоеточия — тип данных: string (текст) или number (число). Знак = присваивает значение.
Пример 3: Простые вычисления
let a: number = 5;
let b: number = 3;
let сумма: number = a + b; // Складываем числа
console.log("Сумма: " + сумма); // Выведет: Сумма: 8
Компьютер умеет считать. Можно складывать (+), вычитать (-), умножать (*), делить (/).
Пример 4: Условия
let возраст: number = 16;
if (возраст >= 18) { // Если возраст больше или равен 18
console.log("Ты взрослый");
} else { // Иначе
console.log("Ты ещё ребёнок");
}
if — это "если". В скобках — условие. Если оно верно, выполняется код в фигурных скобках. else — "иначе".
Пример 5: Функция
// Функция — это маленькая программа внутри программы.
function приветствие(имя: string): void {
console.log("Привет, " + имя + "!");
}
приветствие("Максим"); // Вызов функции. Выведет: Привет, Максим!
приветствие("Оля"); // Выведет: Привет, Оля!
function — команда "создать функцию". В скобках — параметры (входные данные). : void — функция ничего не возвращает. Потом можно вызывать функцию много раз с разными данными.
Сравнение с Python
Python — другой язык программирования. Он проще для начинающих, но TypeScript даёт больше контроля. Посмотри, как одно и то же выглядит на двух языках.
Вывод текста:
// TypeScript
console.log("Привет, мир!");
# Python
print("Привет, мир!")
В Python команда print, в TypeScript — console.log. Разница небольшая.
Переменные:
// TypeScript
let имя: string = "Анна";
# Python
имя = "Анна"
В Python не нужно указывать тип (: string). TypeScript заставляет думать о типах, что помогает избегать ошибок.
Условия:
// TypeScript
if (возраст >= 18) {
console.log("Взрослый");
} else {
console.log("Ребёнок");
}
# Python
if возраст >= 18:
print("Взрослый")
else:
print("Ребёнок")
В Python нет фигурных скобок, вместо них — двоеточие и отступы. В TypeScript скобки обязательны.
Python проще для начала, но TypeScript учит дисциплине. Когда ты вырастешь как программист, TypeScript поможет писать большие и надёжные программы.
Типичные ошибки новичков
Ошибка 1: Забыл точку с запятой
// Неправильно
console.log("Привет")
// Правильно
console.log("Привет");
TypeScript часто прощает эту ошибку, но лучше ставить точку с запятой всегда. Это привычка профессионалов.
Ошибка 2: Неправильные кавычки
// Неправильно
console.log('Привет'); // Одинарные кавычки тоже работают, но лучше двойные
// Правильно
console.log("Привет");
В TypeScript можно использовать и одинарные, и двойные кавычки. Главное — не смешивать их в одной строке.
Ошибка 3: Забыл закрыть скобку
// Неправильно
console.log("Привет";
// Правильно
console.log("Привет");
Каждая открытая скобка должна быть закрыта. Представь, что скобки — это коробка: если открыл, закрой.
Ошибка 4: Неправильное имя переменной
// Неправильно
let 1имя: string = "Анна"; // Имя не может начинаться с цифры
// Правильно
let имя1: string = "Анна";
Имена переменных могут содержать буквы, цифры и знак подчёркивания, но начинаться должны с буквы.
Ошибка 5: Забыл указать тип
// Неправильно
let возраст = 12; // TypeScript сам догадается, но лучше указывать
// Правильно
let возраст: number = 12;
TypeScript может сам определить тип, но явное указание делает код понятнее для других программистов.
Ошибка 6: Путаница с равенством
// Неправильно
if (возраст = 18) { // Одно равно — присваивание, не сравнение
// Правильно
if (возраст === 18) { // Три равно — строгое сравнение
= — присвоить значение. === — проверить, равны ли значения. Новички часто путают.
Итог
Ты написал свою первую программу на TypeScript! Это большой шаг. Теперь ты знаешь:
- Как выводить текст с помощью
console.log - Как создавать переменные с типами
stringиnumber - Как выполнять простые вычисления
- Как использовать условия
ifиelse - Как создавать и вызывать функции
- Как избегать типичных ошибок
TypeScript — это мощный инструмент. Он используется в больших проектах, таких как игры, сайты и приложения. Ты только начал, но уже умеешь главное — давать команды компьютеру.
Попробуй изменить примеры: напиши своё имя, придумай новые вычисления, добавь больше условий. Экспериментируй! Каждая ошибка — это урок. Чем больше ты практикуешься, тем лучше понимаешь.
Помни: все программисты начинали с "Hello World". Ты на правильном пути. Удачи!