TypeScript — Тип объединения

TypeScript — Тип объединения

От автора: TypeScript 1.4 даёт программам возможность комбинировать один или два типа. Тип объединения Union — это эффективный способ выразить значение, которое может быть одного из нескольких типов. Два или больше типов данных можно комбинировать при помощи символа конвейеризации (|), обозначающего тип Union. Другими словами, тип Union пишется как последовательность типов, разделённых вертикальными чертами.

Синтаксис: Литерал типа Union

Пример: Переменная типа Union

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

В вышеприведённом примере тип переменной — это тип Union. Это значит, что переменная может содержать либо число, либо строку в качестве её значения. После компиляции мы получим следующий JavaScript код:

Результат выглядит следующим образом:

Пример: Тип Union и параметры функции

Функция disp() может принимать аргумент либо типа string, либо массива строк. После компиляции мы получим следующий код JavaScript:

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Результат вышеприведённого кода выглядит следующим образом:

Тип Union и массивы

Типы Union можно применять также к массивам, свойствам и интерфейсам. Следующий пример иллюстрирует использование типа объединения с массивом.

Пример: Тип Union и массив

Программа объявляет массив. Массив может представлять набор чисел коллекцию или набор строк. После компиляции мы получим следующий код JavaScript:

Результат выглядит следующим образом:

Источник: https://www.tutorialspoint.com/

Редакция: Команда webformyself.

Фреймворк VUE JS: быстрый старт, первые результаты

Получите бесплатный курс и создайте веб-приложение на трендовой Frontend-технологии VUE JS с полного нуля

Узнать подробнее

Курс по TypeScript

Прямо сейчас посмотрите курс по TypeScript!

Смотреть курс

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree