От автора: TypeScript 1.4 даёт программам возможность комбинировать один или два типа. Тип объединения Union — это эффективный способ выразить значение, которое может быть одного из нескольких типов. Два или больше типов данных можно комбинировать при помощи символа конвейеризации (|), обозначающего тип Union. Другими словами, тип Union пишется как последовательность типов, разделённых вертикальными чертами.
Синтаксис: Литерал типа Union
|
1 |
Type1|Type2|Type3 |
Пример: Переменная типа Union
|
1 2 3 4 5 |
var val:string|number val = 12 console.log("numeric value of val "+val) val = "This is a string" console.log("string value of val "+val) |
В вышеприведённом примере тип переменной — это тип Union. Это значит, что переменная может содержать либо число, либо строку в качестве её значения. После компиляции мы получим следующий JavaScript код:
|
1 2 3 4 5 6 |
//Сгенерировано посредством typescript 1.8.10 var val; val = 12; console.log("numeric value of val " + val); val = "This is a string"; console.log("string value of val " + val); |
Результат выглядит следующим образом:
|
1 2 |
numeric value of val 12 string value of val this is a string |
Пример: Тип Union и параметры функции
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function disp(name:string|string[]) { if(typeof name == "string") { console.log(name) } else { var i; for(i = 0;i<name.length;i++) { console.log(name[i]) } } } disp("mark") console.log("Printing names array....") disp(["Mark","Tom","Mary","John"]) |
Функция disp() может принимать аргумент либо типа string, либо массива строк. После компиляции мы получим следующий код JavaScript:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
//Сгенерировано посредством typescript 1.8.10 function disp(name) { if (typeof name == "string") { console.log(name); } else { var i; for (i = 0; i < name.length; i++) { console.log(name[i]); } } } disp("mark"); console.log("Printing names array...."); disp(["Mark", "Tom", "Mary", "John"]); |
Результат вышеприведённого кода выглядит следующим образом:
|
1 2 3 4 5 6 |
Mark Printing names array…. Mark Tom Mary John |
Тип Union и массивы
Типы Union можно применять также к массивам, свойствам и интерфейсам. Следующий пример иллюстрирует использование типа объединения с массивом.
Пример: Тип Union и массив
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
var arr:number[]|string[]; var i:number; arr = [1,2,4] console.log("**numeric array**") for(i = 0;i<arr.length;i++) { console.log(arr[i]) } arr = ["Mumbai","Pune","Delhi"] console.log("**string array**") for(i = 0;i<arr.length;i++) { console.log(arr[i]) } |
Программа объявляет массив. Массив может представлять набор чисел коллекцию или набор строк. После компиляции мы получим следующий код JavaScript:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
//Сгенерировано посредством typescript 1.8.10 var arr; var i; arr = [1, 2, 4]; console.log("**numeric array**"); for (i = 0; i < arr.length; i++) { console.log(arr[i]); } arr = ["Mumbai", "Pune", "Delhi"]; console.log("**string array**"); for (i = 0; i < arr.length; i++) { console.log(arr[i]); } |
Результат выглядит следующим образом:
|
1 2 3 4 5 6 7 8 |
**numeric array** 1 2 4 **string array** Mumbai Pune Delhi |
Источник: //www.tutorialspoint.com/
Редакция: Команда webformyself.
