TypeScript - базовый синтаксис

Синтаксис определяет набор правил для написания программ. Каждая спецификация языка определяет свой собственный синтаксис. Программа TypeScript состоит из -

• Modules
• Functions
• Variables
• Утверждения и выражения
• Comments

Ваш первый код TypeScript

Давайте начнем с традиционного примера «Hello World» -

var message:string = "Hello World" 
console.log(message)

При компиляции он сгенерирует следующий код JavaScript.

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

• Строка 1 объявляет переменную по имени message. Переменные - это механизм для хранения значений в программе.

• Строка 2 выводит значение переменной в подсказку. Здесь под консолью понимается окно терминала. Функция log () используется для отображения текста на экране.

Компиляция и выполнение программы TypeScript

Давайте посмотрим, как скомпилировать и выполнить программу TypeScript с помощью Visual Studio Code. Следуйте инструкциям ниже -

Step 1- Сохраните файл с расширением .ts. Сохраним файл как Test.ts. Редактор кода отмечает ошибки в коде, если они есть, пока вы его сохраняете.

Step 2- Щелкните правой кнопкой мыши файл TypeScript в разделе «Рабочие файлы» на панели обзора VS Code. Выберите вариант «Открыть в командной строке».

Step 3 - Чтобы скомпилировать файл, используйте следующую команду в окне терминала.

tsc Test.ts

Step 4- Файл скомпилирован в Test.js. Чтобы запустить написанную программу, введите в терминале следующее.

node Test.js

Флаги компилятора

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

В следующей таблице перечислены некоторые общие флаги, связанные с компилятором TSC. Типичное использование командной строки использует некоторые или все переключатели.

S.No.	Флаг и описание компилятора
1.	--help Отображает справочное руководство
2.	--module Загрузить внешние модули
3.	--target Установите целевую версию ECMA
4.	--declaration Создает дополнительный файл .d.ts
5.	--removeComments Удаляет все комментарии из выходного файла
6.	--out Скомпилировать несколько файлов в один выходной файл
7.	--sourcemap Создание файлов исходной карты (.map)
8.	--module noImplicitAny Запрещает компилятору определять любой тип
9.	--watch Следите за изменениями файлов и перекомпилируйте их на лету

Note - Одновременно можно скомпилировать несколько файлов.

tsc file1.ts, file2.ts, file3.ts

Идентификаторы в TypeScript

Идентификаторы - это имена, данные элементам в программе, таким как переменные, функции и т. Д. Правила для идентификаторов:

• Идентификаторы могут включать как символы, так и цифры. Однако идентификатор не может начинаться с цифры.

• Идентификаторы не могут включать специальные символы, кроме подчеркивания (_) или знака доллара ($).

• Идентификаторы не могут быть ключевыми словами.

• Они должны быть уникальными.

• Идентификаторы чувствительны к регистру.

• Идентификаторы не могут содержать пробелов.

В следующих таблицах перечислены несколько примеров действительных и недействительных идентификаторов.

Действительные идентификаторы	Неверные идентификаторы
Имя	Вар
Имя	Имя
число1	Имя
$ результат	1 номер

TypeScript ─ Ключевые слова

Ключевые слова имеют особое значение в контексте языка. В следующей таблице перечислены некоторые ключевые слова в TypeScript.

сломать	в виде	Любые	переключатель
дело	если	бросить	еще
вар	количество	строка	получить
модуль	тип	экземпляр	тип
общественный	частный	перечислить	экспорт
Ну наконец то	за	в то время как	пустота
ноль	супер	это	новый
в	возвращение	правда	ложный
Любые	расширяет	статический	позволять
пакет	орудия	интерфейс	функция
новый	пытаться	Уступать	const
Продолжить	делать	поймать

Пробелы и разрывы строк

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

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

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

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

Каждая строка инструкции называется statement. Точка с запятой в TypeScript не обязательна.

Example

console.log("hello world")
console.log("We are learning TypeScript")

Одна строка может содержать несколько операторов. Однако эти утверждения должны быть разделены точкой с запятой.

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

Комментарии - это способ улучшить читаемость программы. Комментарии могут использоваться для включения дополнительной информации о программе, такой как автор кода, подсказки о функции / конструкции и т. Д. Комментарии игнорируются компилятором.

TypeScript поддерживает следующие типы комментариев -

• Single-line comments ( // ) - Любой текст между // и концом строки рассматривается как комментарий.

• Multi-line comments (/* */) - Эти комментарии могут занимать несколько строк.

Example

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript и объектная ориентация

TypeScript - это объектно-ориентированный JavaScript. Объектная ориентация - это парадигма разработки программного обеспечения, которая следует за моделированием реального мира. Объектная ориентация рассматривает программу как набор объектов, которые взаимодействуют друг с другом через механизм, называемый методами. TypeScript также поддерживает эти объектно-ориентированные компоненты.

• Object- Объект - это представление любого объекта в реальном времени. По словам Грейди Броши, каждый объект должен иметь три особенности:

  • State - описывается атрибутами объекта

  • Behavior - описывает, как объект будет действовать

  • Identity - уникальное значение, которое отличает объект от множества подобных объектов.

• Class- Класс в терминах ООП - это план для создания объектов. Класс инкапсулирует данные для объекта.

• Method - Методы, облегчающие общение между объектами.

Example: TypeScript and Object Orientation

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

В приведенном выше примере определяется класс Greeting . В классе есть метод greet () . Метод выводит на терминал строку «Hello World». Вnewключевое слово создает объект класса (obj). Объект вызывает метод greet () .

При компиляции он сгенерирует следующий код JavaScript.

//Generated by typescript 1.8.10
var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

Результат вышеупомянутой программы приведен ниже -

Hello World!!!