Union در زبان برنامه نویسی TypeScript – آموزش TypeScript

پنجشنبه ۱۸ دی ۱۳۹۹
بازدید ۷۹۳ نفر
آرتین
(8 امتیاز از 2 رای)
Loading...

تصویر typescript-union_7095 Union در زبان برنامه نویسی TypeScript - آموزش TypeScript

Union در زبان برنامه نویسی TypeScript

از نسخه TypeScript 1.4 به بعد امکان ترکیب دو یا چند نوع داده به این زبان افزوده شده است. برای ترکیب و یا چند نوع داده از نماد | (Pipe) استفاده می شود. به عبارت دیگر یک Union دنباله ای از نوع ها است که به صور افقی و با نماد | با هم ترکیب شده اند. در زیر می توانید سینتکس مربوط به یک Union را مشاهده کنید.

Type1|Type2|Type3

1	Type1\|Type2\|Type3

متغیر از نوع Union

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)

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)

در این مثال یک متغیر با نام val و به صورت Union تعریف شده است. این بدان معناست که می توانیم هم مقدار عددی و هم مقدار رشته ای در آن متغیر ذخیره کنیم. کد فوق بعد از کامپایل شدن:

//Generated by 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);

//Generated by 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);

خروجی:

numeric value of val  12
string value of val this is a string

1 2	numeric value of val 12 string value of val this is a string

ورودی تابع از نوع Union

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"])

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 هم می تواند یک رشته باشد و هم می توانید یک آرایه از نوع رشته باشد. کد فوق بعد از کامپایل شدن:

//Generated by 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"]);

//Generated by 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"]);

خروجی:

Mark 
Printing names array…. 
Mark 
Tom
Mary
John

Mark

Printing names array….

Mark

Tom

Mary

John

Union و آرایه ها

مقادیر مثال آرایه ها، پراپرتی ها، اینترفیس ها هم می توانند به صورت Union باشند.

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]) 
}

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])

}

در این مثال یک متغیر به نام arr تعریف شده است که قابلیت ذخیره یک آرایه از نوع عددی و رشته را دارد. کد فوق بعد از کامپایل شدن:

//Generated by 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]);
}

//Generated by 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]);

}

خروجی:

**numeric array** 
1 
2 
4 
**string array** 
Mumbai 
Pune 
Delhi

**numeric array**

**string array**

Mumbai

Pune

Delhi

TypeScript - اینترفیس ها TypeScript - نوع Tuple

دسته ها: آموزش ها - زبان برنامه نویسی TypeScript

آموزش برنامه نویسی PHP از مقدماتی تا پیشرفته (فیلم آموزشی)

آموزش پروژه محور سی شارپ (سیستم مدیریت پرسنل و پرداخت حقوق) تحت شبکه

فیلم آموزش WPF در سی شارپ به صورت پروژه محور | مدیریت بخشنامه تحت شبکه

آموزش زبان برنامه نویسی R به صورت فیلم | دوره مقدماتی

آموزش CSS به زبان ساده در قالب فیلم | دوره مقدماتی

آموزش سی شارپ به صورت پروژه محور (مدیریت فروشگاه)

آموزش برنامه سازی 2 سی شارپ هنرستان همراه با حل تمرینات به صورت فیلم

آموزش TypeScript

مباحث پایه TypeScript

Union در زبان برنامه نویسی TypeScript – آموزش TypeScript

Union در زبان برنامه نویسی TypeScript

متغیر از نوع Union

ورودی تابع از نوع Union

Union و آرایه ها

سورس برنامه تست API به زبان Java

سورس تشخیص عدد اول به زبان اسمبلی

سورس ساعت دیجیتال به زبان اسمبلی

سورس برنامه ویرایشگر متن به زبان اسمبلی

سورس جدول ضرب به زبان اسمبلی

سورس برنامه انتخاب واحد دانشجو به زبان اسمبلی

سورس نرم افزار پیام رسان به زبان سی شارپ

سورس رسم کلمه با استفاده از حروف آن کلمه به زبان C++