چگونه با کلاس ها در Typescript کار کنیم؟

Public

هر صفتی که با کلمه و طراحی اپلیکیشن در مشهد واژه ی رایا پارس کلیدی public تعریف application و تمجید خواهد شد فارغ کلاس آزادانه قابل دسترسی میباشد. همان طور که در نمونه قبلی دیدیم تمامی ی متغیر هایی که با واژه ی کلیدی public تمجید گردیده اند سوا کلاس در یک شئ دردسترس بودند. اعتنا فرمایید که چنانچه ما هیچ سطح دسترسی را مشخص و معلوم نکنیم TypeScript ، public را تحت عنوان سطح دسترسی پیش فرض درنظر میگیرد این مسئله برهان این میباشد که در جاوااسکریپت تمامی چیز بطور پیش فرض public میباشد.

Private

هنگامی یک صفت تحت عنوان Private درنظر گرفته می گردد سوا کلاس قابل دسترسی وجود ندارد. هنگامی که از TypeScript به کار گیری می کنیم محدوده ی دسترسی به متغیر های Private فقط در خویش کلاس میباشد. از آنجایی که در جاوااسکریپت سطح دسترسی نداریم با اعضای private همچون اعضای public عکس العمل میگردد.

 Protected

سعی واژه ی کلیدی Protected همچون private میباشد با این تفاوت که متغیر های Protected در کلاس های مشتق گردیده نیز دردسترس میباشد. کد ذیل یک مثال از اینگونه مثالی میباشد:

class base{
protected id: number;
}
class child extends base{
name: string;
details():string{
retu `${name} has id: ${this.id}`
}
}
در کد قبلی کلاس فرزند را برپایه ی کلاس والد توسعه داده ایم و به صفت id در کلاس فرزند دسترسی داریم. چنانچه یک شئ از کلاس فرزند بسازیم گشوده هم به صفت id از خارج دسترسی نداریم.

Readonly

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

در کد بالا در خط 5 یک نادرست داریم که میگوید صفت readonly میباشد و نمی اقتدار کمی برای آن گزینش کرد.

ترجمه ی جاوااسکریپت از کلاس ها

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

TypeScript یک آیتم برای طراحی جاوااسکریپت مبنی بر استاندارد های ECMA ارائه می دهد. شما می توانید با به کارگیری از درفش target در فولدر tsconfig.json، TypeScript را برای ترجمه به جاوااسکریپت ES5 یا این که ES6 (ES 2015) و حتی ES3 تنظیمات نمایید. مطرح ترین تفاوت فی مابین ES5 و ES6 مرتبط با کلمه ها کلیدی class ، let و const میباشد که در ES6 معرفی شدند.

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

براین اساس جاوااسکریپتی که پیاده می گردد براساس پیکربندی غرض مختلف خواهد بود در اینجا مثالی از کلاس در TypeScript خوا هیم داشت و جاوااسکریپت را هم برای ES5 و هم برای ES6 ایجاد خوا هیم کرد. کد پایین تعریف و تمجید کلاس در TypeScript میباشد:

این به عبارتی کدی میباشد که در نصیب شعور کلاس ها معرفی کردیم. در این مکان یک کلاس به اسم News داریم که سه عضو دارااست که دو عضو public و یک عضو private میباشد. کلاس News یک سیاق format نیز داراست که دنباله ای از حرفه ها را از متغیر های اعضاء برمی گرداند.

آنگاه یک شیئ از کلاس News در خط 10 میسازیم و به صفات public مقادیر را نسبت می دهیم. در خط انتها اسلوب format را برای چاپ فیض فراخوانی میکنیم.

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