Типы данных в TypeScript
JavaScript является языком программирования с нестрогой типизацией данных. Что это означает на практике? Например присвоив переменной x число 10 (числовой тип данных), в дальнейшем случайно может перезаписаться текущее значение этой переменной на фразу "Hello World" (строковый тип данных). То есть на ходу поменяться тип переменной, а JavaScript просто промолчит. В результате возникшие ошибки, при написании небольших скриптов, можно легко заметить.
Однако по мере роста популярности, язык JavaScript стал использоваться уже на более больших и сложных проектах. Для избежания ошибок, возникла необходимость в строгой типизации данных у переменных. На этой волне в 2012 году появился TypeScript - это типизированный расширенный набор JavaScript, который компилируется в простой JavaScript.
Когда нужно использовать TypeScript
Строгая типизация данных увеличивает качество кода, который проще поддерживать, а ещё на этапе разработки можно отлавливать много ошибок. Если вы программист-фрилансер, разрабатывающий и поддерживающий веб сайт в одиночку, то вам скорее всего не понадобится TypeScript. Зато в крупных компаниях, разрабатывающих сложные приложения и с большим количеством взаимодействий между сотрудниками, использование TypeScript, очень сильно упрощает работу.
Плюсы у TypeScript
- Возможность увидеть ошибку в момент написания кода, а не после сборки проекта.
- Позволяет делать сложные приложения, прилагая меньше усилий по сравнению с нативным JavaScript.
- Намного комфортнее делать командную работу, поскольку строгая типизация нивелирует индивидуальный стиль написания кода.
Базовые типы
В нативном языке JavaScript есть 7 основных типов данных:
- number (число)
- string (строка)
- boolean (логический тип)
- null (ничего)
- undefined (переменная без значения)
- object (объект)
- Symbol (символ)
Мы присваиваем переменной значение определенного типа, при этом не указывая, что это за тип данных. Если вы засомневались, какой тип данных сохранен в переменной, то можно проверить это при помощи оператора typeof. Однако подобные проверки все равно не давали полный контроль над данными, пока не пришел на помощь TypeScript.
let name = "Привет Андрей";
typeof "Привет Андрей" // "string"
Синтаксис TypeScript
Объявим переменную itsDog и после двоеточия укажем тип переменной boolean, которой присвоим одно из двух возможных значений (true / false). Браузеры не понимают TypeScript, поэтому весь код прогоняем через компилятор и на выходе получим нативный JavaScript.
// TypeScript
let itsDog: boolean = true; // да, это собака
let itsDog: boolean = false; // нет, это не собака
// JavaScript
let itsDog = true; // да, это собака
let itsDog = false; // нет, это не собака
Что произойдет, если присвоить этой же переменной itsDog значение числового типа? Мы сразу получим ошибку, что тип числа не соответствует логическому типу (boolean). TypeScript не даст изменить один тип данных на другой, а значит свою задачу он выполнил.
let itsDog: boolean = true;
itsDog = 5;
Проделаем все тоже самое и для остальных типов данных. Для числового типа данных number можно создавать как целочисленные значения, так и значения с плавающей точкой
// число
const int: number = 32
const float: number = 3.2
// строковый тип данных
const message: string = 'Hello Maxim'
Как видите, TypeScript не является отдельным языком программирования, а чтобы его использовать, достаточно владения JavaScript на хорошем уровне. Предлагаю вам приступить к изучению JavaScript, как можно скорее и на это есть, как минимум две причины.
- Создавать современные сайты невозможно без JavaScript
- Для создания десктопных и мобильных приложений все чаще нужен JavaScript
Самым удобным и эффективным способом для обучения программированию является видеокурс. Представляю Вашему вниманию свой новый Видеокурс: «Программирование на JavaScript с Нуля до Гуру 2.0».
-
Создано 01.05.2020 10:24:50
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.