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!!!