TypeScript поддерживает пользовательские типы, которые можно определить с помощью либо « интерфейс ' или ' тип ». Интерфейс может быть реализован классом или объектом, тогда как псевдоним типа можно использовать только для создания нового имени для существующего типа или для определения объединения типов. Хотя типы и интерфейсы часто взаимозаменяемы, существуют определенные различия в их функциональности и синтаксисе, которые делают их более подходящими для определенных сценариев.
В этом блоге будет описан интерфейс и тип TypeScript, а также их отличия.
Что такое интерфейс TypeScript и тип?
“ Интерфейс ' и ' тип ” используются для определения пользовательских типов в TypeScript. Но есть некоторые различия в их функциональности и синтаксисе. Основное различие между интерфейсом и типом заключается в том, что интерфейс определяет новый тип, а псевдоним типа — нет.
Интерфейс может быть реализован классом или объектом, а типы могут определять более сложные типы, используя такие функции, как объединения и пересечения. Как правило, интерфейсы чаще используются для определения форм объектов и API-интерфейсов, тогда как типы чаще используются для определения сложных типов данных и служебных типов. Давайте разберемся с обоими по отдельности.
Что такое интерфейс TypeScript?
Интерфейс TypeScript — это метод определения формы объекта TypeScript. Он создается с использованием ключевого слова « интерфейс ” и определяет набор атрибутов и методов, которые требуются объекту для того, чтобы его можно было отнести к этому типу. Это эквивалент класса в объектно-ориентированном программировании; однако он не определяет никакой реализации. Интерфейсы в основном используются для проверки типов и обеспечения соответствия объекта определенной структуре.
Прежде чем продолжить, имейте в виду, что для выполнения файла TypeScript его необходимо преобразовать в файл JavaScript, а затем запустить код JavaScript на терминале с помощью данных команд:
tsc имя файла.tsузел имя файла.js
Пример
Создайте интерфейс с именем «Пользователь», который определяет три атрибута и метод « получить данные() ”:
интерфейс пользователя {имя: строка;
фамилия: строка;
возраст: число;
получить данные ( ) : пустота;
}
Создайте класс ' Студент », который наследуется с интерфейсом. Класс определяет свои атрибуты, конструктор, который будет присваивать значения атрибутам, и метод «getInfo()», который будет отображать значения относительно атрибутов:
имя: строка;
фамилия: строка;
возраст: число;
конструктор ( firstName: строка, lastName: строка, age: число ) {
this.firstName = имя;
this.lastName = фамилия;
this.age = возраст;
}
получить данные ( ) : пустота {
console.log ( «Информация для студентов:» )
console.log ( '- Имя: ' + this.firstName + ' ' + this.lastName ) ;
console.log ( '- Возраст: ' + это.возраст ) ;
}
}
Создайте объект « Студент 'по имени' станд. ' из ' Пользователь », вызвав конструктор с ключевым словом «new», а затем вызовите метод getInfo() для вывода данных на консоль:
std.getInfo ( ) ;
Выход
Что такое тип TypeScript?
Типы TypeScript в основном используются для создания псевдонимов для существующих типов, а также для создания более сложных типов. Он представляет определенную форму или структуру данных. Его можно определить/объявить с помощью « тип ключевое слово. Типы TypeScript можно использовать, чтобы сделать код более понятным и уменьшить повторение/дублирование.
Пример
Сначала определите тип « Пользователь ' используя ' тип ключевое слово, указанное с пятью свойствами, одно из которых является необязательным атрибутом, то есть « телефон ”:
тип Пользователь = {имя: строка;
фамилия: строка;
возраст: число;
электронная почта: строка;
телефон?: строка;
} ;
Определите функцию с именем « получить полное имя ', который принимает параметр типа ' Пользователь ' и печатает данные, состоящие из информации о человеке, включая ' имя », « возраст », « электронная почта ' и ' номер телефона ”:
console.log ( 'Информация о пользователе:' )
console.log ( '- Имя: ' + person.firstName + ' ' + человек.фамилия ) ;
console.log ( '- Возраст: ' + человек.возраст ) ;
console.log ( '- Электронная почта: ' + человек.электронная почта ) ;
console.log ( '-Телефон #: ' + человек.телефон ) ;
}
Теперь создайте объект « человек 'типа' Пользователь ” с парами ключ-значение:
имя: 'Мили' ,
фамилия: «Майкл» ,
возраст: 28 ,
электронная почта: 'mili124@yahoo.com' ,
телефон: '086-34581734'
} ;
Наконец, распечатайте информацию о пользователе, вызвав функцию getInfo():
Выход
Это было все об интерфейсе и типе TypeScript.
Заключение
В TypeScript « интерфейс ' и ' тип ” используются для определения пользовательских типов. Интерфейс может быть реализован классом или объектом, а типы могут определять более сложные типы, используя такие функции, как объединения и пересечения. Это мощные функции, которые могут помочь написать более организованный и масштабируемый код. В этом блоге описывался интерфейс и тип TypeScript, а также их различия.