Typescript — это строго типизированный язык программирования, основанный на JavaScript. Код машинописного текста компилируется в код JavaScript.

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

Синтаксис TypeScript

TypeScript имеет аналогичный с JavaScript синтаксис, но с некоторыми дополнительными функциями и синтаксической конструкцией.

Пример: объявление переменных

let randomNumber: number = 10;
let studentName: string = 'Zachy'
let isLoggedIn: Boolean = true;

Возьмем в качестве примера переменную let randomNumber: number = 10.В этом примере, если вы попытаетесь назначить строку или логический тип данных для randomNumber, это вызовет ошибку. Это называется явным объявлением переменных и является одной из ключевых функций TypeScript.

Явные типы данных

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

Например, рассмотрим следующий код TypeScript:

let randomNumber: number;
randomNumber = 'Hello' //Compilation error: Type 'string' is not assignable to type 'number'

В этом примере мы объявляем переменную randomNumber с явным типом number. Когда мы пытаемся присвоить строку "hello" randomNumber, TypeScript выдает ошибку компиляции, потому что типы не совпадают.

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

Основные функции:

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

  1. Функция с явными параметрами и типом возвращаемого значения
let sum= (num1:number, num2: number): number => {
  return num1 + num2;
}
//call the function
let result = sum(10,20) //return 30

В приведенном выше примере мы явно определили тип переменной number. Если мы попытаемся присвоить любое значение, не являющееся числом, TypeScript выдаст ошибку компиляции. Функция sum возвращает число.

2. Функция с необязательными параметрами:

let staffDetails = (firstName: string, middleName?:string, lastName: string): void =>
{
  console.log(`${firstName} ${middleName} ${lastName}`)
}

В приведенном выше примере функция staffDetails имеет необязательный параметр с именем middleName, обозначенный символом ‘?’.

3. Функция со значениями параметров по умолчанию:

let addNumbers = (x: number, y:number=10):number => {
  return x + y;
}

В приведенном выше примере функция addNumbers принимает два параметра: x и y. Переменной y присваивается значение по умолчанию 10. Если y не указано, по умолчанию она будет равна 10.

Вывод:

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