Основы синтаксиса TypeScript

Программа на TypeScript состоит из следующих частей:

• Модули
• Функции
• Переменные
• Инструкции и выражения
• Комментарии

Первая программа на TypeScript

Мы можем использовать следующую программу на TypeScript для вывода "Hello World":

Приведённый выше код сначала компилируется с помощью командыtsc:

tsc Example.ts

Получается следующий js-код:

Наконец, мы используем команду node для выполнения этого js-кода.

$ node Example.js
Hello World

Весь процесс показан на следующем рисунке:

Мы можем скомпилировать несколько ts-файлов одновременно:

tsc file1.ts file2.ts file3.ts

Часто используемые параметры компиляции tsc показаны в следующей таблице:

tsc ts-hw.ts --declaration

Зарезервированные ключевые слова TypeScript

Зарезервированные ключевые слова TypeScript показаны в следующей таблице:

Пробельные символы и переводы строк

TypeScript игнорирует пробелы, табуляции и переводы строк, которые встречаются в программе.

Пробелы и табуляции обычно используются для отступов в коде, что облегчает его чтение и понимание.

TypeScript чувствителен к регистру

TypeScript различает символы верхнего и нижнего регистра.

Точки с запятой необязательны

Каждая строка инструкций — это оператор. Вы можете использовать точки с запятой или нет. В TypeScript точки с запятой необязательны, но их рекомендуется использовать.

Следующий код полностью корректен:

console.log("Example")
console.log("Google");

Если операторы записаны в одной строке, для их разделения необходимо использовать точки с запятой, иначе будет выдана ошибка, например:

console.log("Example");console.log("Google");

Комментарии в TypeScript

Комментирование — хорошая привычка. Хотя многие программисты не любят комментарии, всё же рекомендуется писать текстовые пояснения в каждом фрагменте кода.

Комментарии могут улучшить читаемость программы.

Комментарии могут содержать некоторую информацию о программе, например об авторе кода, описания функций и т. д.

Компилятор игнорирует комментарии.

TypeScript поддерживает два типа комментариев

• Однострочные комментарии ( // )− текст после // является содержимым комментария.

• Многострочные комментарии (/* */)− такой тип комментария может занимать несколько строк.

Примеры комментариев:

// This is a single-line comment
 
/* 
 This is a multi-line comment 
 This is a multi-line comment 
 This is a multi-line comment 
*/

TypeScript и объектно-ориентированное программирование

Объектно-ориентированное программирование — это способ понимания и абстрагирования реального мира.

TypeScript — объектно-ориентированный язык программирования.

В объектно-ориентированном программировании в основном есть два понятия: объекты и классы.

• Объект: Объект — это экземпляр класса (объект не означает найти девушку), у него есть состояние и поведение. Например, собака — это объект. Его состояния включают: цвет, имя, породу; его поведение включает: виляние хвостом, лай, поедание и т. д.
• Класс: Класс — это шаблон, описывающий поведение и состояние класса объектов.
• Метод: Метод — это шаги реализации операций класса.

На рисунке ниже,girl、boy— это класс, а каждый конкретный человек — объект этого класса:

Пример объектно-ориентированного программирования на TypeScript:

В приведённом выше примере определяется класс Site, который имеет метод name(). Этот метод выводит строку Example в терминал.

Ключевое слово `new` создаёт объект класса, и этот объект вызывает метод name().

Сгенерированный код JavaScript после компиляции выглядит следующим образом:

Выполнение приведённого выше кода JavaScript даёт следующий вывод:

Example