اصول مقدماتی TypeScript
1397/09/12 15:29 , بهزاد ناظمی

اصول مقدماتی TypeScript

امروزه بسیاری از چارچوب های جاوا اسکریپت زیادی مانند (Angular, React) نوشته شده است و برای توسعه ی رابط کاربری از TypeScript استفاده می شود. بسیار مهم است که هر برنامه نویس دانش پایه ای در مورد Typescript داشته باشد. بنابراین، در این مقاله به بررسی مبانی Typescript برای شروع آن خواهیم پرداخت.

 پیش نیازها
  • دانش پایه جاوا اسکریپت
  • مفهوم OOPs
 TypeScript چیست؟

زبان TypeScript نوعی پرانتز از جاوا اسکریپت است، به این معنی که هر برنامه نوشته شده با استفاده از زبان TypeScript به ساده جاوا اسکریپت کامپایل خواهد شد.

 

TypeScript در جاوا اسکریپت حل می شود و چرا TypeScript در میان توسعه دهندگان بسیار محبوب است؟

  •  انواع و برابری
  • محدوده
  • پیاده سازی OOP ها
  • مدیریت ماژول

 

نصب Typescript

دو روش اساسی برای نصب Typescript وجود دارد

  • از طریق NPM (Nodejs Package Manager)
  • پلاگین ویژوال استودیو

از طریق npm، این دستور را در فرمان command وارد کنید:

  1. npm install -g typescript  

فایل را با یک نام و یک پسوند .ts ذخیره کنید. سپس آن را کامپایل کنید.

  1. tsc helloworld.ts  

نتیجه فایل helloworld.js خواهد بود. اگر یک نوع اشتباها  اختصاص داده شود، خطا را نشان می دهد.

 

متغیرهای TypeScript

متغیرهای TypeScript باید قوانین نامگذاری جاوا اسکریپت را دنبال کنند.

انواع

در جاوا اسکریپت، هر متغیر یک نوع دارد، اما در هر تخصیص تغییر می کند. متغیر رشته به یک عدد، یک شی یا حتی یک تابع تغییر میکند. ابزار توسعه، حدس زدن نوع متغیر را حفظ می کند.

 

TypeScript در حالت عادی تایپ شده است این به این معنی است که انواع به طور خودکار بررسی می شوند تا از انتساب های تصادفی از مقادیر نامعتبر جلوگیری شود.   

 

//string - a sequence of UTF-16 code units
constname: string = 'Jayesh';  
// boolean - true or false
constactive: boolean = 100;  
//number - a double-precision 64-bit floating point value  
constscore: number = 100;  
// array type
constnames: string[] = ['Jayesh', 'Arvind', 'Deep', 'Sanjay'];  
// object type
let student: { name: string; score: number; };  
// Implementation of a student object
student = { name: 'Jay', score: 99 };  
// enumerations type  
enumdays { Saturday = 1,Sunday }  
constday = days. Saturday;  
// Tuple Types
let accounts: [number , boolean , string];  
// Tuple Types - OK
accounts = [1, true, 'Saving'];  
// Tuple Types - Error: 'string' is not assignable to 'number'
accounts = ['my', true, 'Saving'];  
اپراتورها

 

تمام اپراتورهای جاوااسکریپت استاندارد در برنامه Typescript ما موجود هستند.

توابع

اجازه دهید چندین روش از نوشتن تابع در Typescript را ببینیم

// function with parameter type & return type  
let getHello(name: string): string{    
return 'Hello ' + name;    
};    
// void - if function isn’t return any values.  
let printHello(name: string): string{    
log('Hello '+ name);      
};    
// default parameters  
let printHello(name: string, score=90): string{    
log ('Hello '+ name + ' Score ' + score);    
};    
// arrow functions  
constsum = (a: number, b: number) => { return a + b; }
سازمان دهی کد

 رابط ها

رابط ها نه تنها به عنوان نوع انتزاعی مورد استفاده قرار می گیرند که می توانند توسط کلاس های خاص اجرا شوند. این نیز برای تعریف ساختار (تعریف قراردادها) در متن ما استفاده می شود. بیایید حاشیه نویسی اینترفیس ها را به صورت زیر ببینیم

interfacecustomer {  
// Properties
name: string;  
// Methods
printName(): void;  
}  
کلاس ها

کلاسها عناصر ساختاری هستند که برای سازماندهی توابع و متغیرها در Typescript مفید هستند. این را می توان به عنوان برنامه ریزی شی گرا مبتنی بر کلاس اجرا کرد. بیایید یک نمونه ساده از کلاس ببینیم

classStudent {  
// parameterize constructor  
constructor(private name: string, private rollNo: string) {  
}  
//  function - default public   
print() {  
log('Student Name: '+ this.name + ' RollNumber: ' + this.rollNo);  
}  
}  
classAttendence {  
constructor(private students: Student[]) {  
}  
// function - default public   
getAttendance() {  
const student = this.getStudent();  
print();  
}  
// private function  
private getStudent() {  
const studentCount = this.students.length;  
const studentIndex = Math.floor(Math.random() * studentCount);  
return this.students[studentIndex];  
}  
}  
conststudents = [  
new Student('Jayesh', 1),  
new Student('Arvind', 2),  
new Student('Deep', 3),  
new Student('Sanjay', 4)  
];  
constattendance = new Attendence(students);  
getAttendance();  
اصلاح کنندگان دسترسی
  •  خصوصی

اصلاح کننده خصوصی، دید را فقط به همان کلاس محدود می کند

  • حفاظت شده

اصلاح کننده حفاظت شده اجازه می دهد که عضو در کلاس های مشابه و در داخل زیر کلاس ها استفاده شود. دسترسی به هر جای دیگر مجاز نیست

  • عمومی

بصورت پیش فرض برای اعضای کلاس است، امکان دسترسی از همه مکان ها را فراهم می کند

 

نتیجه

 در این مقاله، ما مفاهیم اساسی زیادی از typescript را آموخته ایم. امیدوارم که هنگام شروع کار با Typescript برای همه مفید باشد.

 

         برگرفته از : https://www.c-sharpcorner.com

 

جالب است بخوانید

تمام قدرت فانتوم ، البته در یک پکیج قابل حمل تر

ES6 چیست و برنامه نویس های جاوا اسکریپت چه چیزهایی را باید بدانند؟

نوع جدیدی از کامپیوتر در راه است،موس،کیبورد و صفحات لمسی برای استفاده کافی نیستند.

Python برروی وب: چیزهای فوق العاده ای که میتوانید بسازید

 

از آخرین دوره های آموزشی و تخفیف ها مطلع شوید

با تکمیل فرم زیر ، از اخبار و اطلاعات به روز برنامه نویسی و تکنولوژی عقب نمانید

آخرین مطالب

آموزش جامع SQL Server (جلسه ۱۲)
آموزش جامع SQL Server (جلسه ۱۲)

دستور UPDATE در SQL Server برای تغییر داده‌های موجود در یک جدول، از دستور UPDATE به شکل زیر استفاده ...

آموزش جامع SQL Server (جلسه ۱۵)
آموزش جامع SQL Server (جلسه ۱۵)

دستور DROP TABLE در SQL Server گاهی، لازم است یک جدول که دیگر استفاده‌ای ندارد را حذف کنید. برای ...

آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)
آموزش جامع SQL Server (جلسه ۳۵: Window Functionها – بخش ۲)

بخش اول از آخرین مبحث دوره جامع آموزش SQL Server در جلسه قبلی بررسی شد. این مبحث که ...

آخرین دیدگاه ها

دیدگاه خود را درباره این پست بنویسید

فرم ارسال نظرات