typescript:types:union []

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

===== Объединения union =====


                
Объединения или union не являются собственно типом данных, но они позволяют комбинировать или объединить другие типы. Так, с помощью объединений можно определить переменную, которая может хранить значение двух или более типов:

<code javascript>
let id : number | string;
id = "1345dgg5";
console.log(id); // 1345dgg5
id = 234;
console.log(id);  // 234
</code>

Чтобы определить все типы, которые должно представлять переменная, все эти типы разделяются прямой чертой: ''number | string''. В данном случае переменная ''id'' может представлять как тип ''string'', то есть строку, так и число.

Подобным образом можно использовать union для определения параметров функции:

<code javascript>
function printId(id: number|string){
    console.log(`Id: ${id}`);
}
</code>

Здесь функция ''printId()'' в качестве параметра id может принимать как значения типа ''number'', так и значения типа ''string''.

<code javascript>
function printId(id: number|string){
    console.log(`Id: ${id}`);
}
 
let id: string|number = "ruy74";
 
printId("1h2e3l4o5");
printId(9876);
printId(id);
</code>

Тип union подходит для тех ситуаций, когда логика работы со всеми объединенными типами однообразна, например, как в случае выше, где значение извне встраивается в строку и выводится на консоли. Вне зависимости от типа действия одинаковы.

Однако иногда логика может различаться в зависимости от переданного типа. В этом случае можно использовать проверку на тип, чтобы разграничить логику для различных типов:

<code javascript>
function printSentence(words: string[]|string){
      // если words - строка
      if (typeof words === "string") {
        console.log(words);
      } else {
        // Если words - массив string[]
        console.log(words.join(" "));
      }
}
printSentence(["Язык", "программирования", "TypeScript"]);
printSentence("Язык программирования JavaScript");
</code>

В данном случае функция ''printSentence()'' может принимать как строку, так и массив строк, чтобы затем вывести строки на консоль. И в зависимости от типа данных действия отличаются. Так, для массива применяется метод ''words.join(" ")'', который объединяет все элементы массива в одну строку, разделенные пробелом.

Инструменты пользователя

Инструменты сайта

Инструменты страницы