شروع به تایپ کنید! : از JavaScript تا TypeScript

JavaScript یکی از پرکاربردترین زبان های برنامه امروز است و به برنامه نویسان کمک می کند تا برنامه های وب پویا و تعاملی ایجاد کنند. ما به عنوان توسعه دهندگان ، ما دائماً چیزهای جدیدی را برای تقویت مجموعه مهارت خود می آموزیم. اگر اخیراً مانند خودم به یک توسعه دهنده JavaScript تبدیل شده اید یا شاید شما یک حرفه ای فصلی باشید که به دنبال شیرجه زدن به چیز جدید اما نه خیلی پیچیده هستید و نمی دانید که به چه زبانی برای شیرجه زدن در بعدی ، اجازه دهید TypeScript- زبانی که امروز تقاضای زیادی دارد پیشنهاد کنم !

چرا Typescript؟

به عنوان یک توسعه دهنده جدید ، می توان دانست که چه چیزی را به مرحله بعدی شیرجه بزنید. اگر JavaScript را آموخته و تسلط یافته اید ، باید یادگیری TypeScript را در نظر بگیرید. چرا؟ بگذارید توضیح دهم TypeScript یک سوپراست از JavaScript است ، به معنی TypeScript زبانی است که در بالای JavaScript ساخته شده است. حتی اگر JavaScript یک مجموعه مهارت بسیار محبوب و بسیار خواستار باشد ، امروزه بسیاری از شرکت ها به آرامی شروع به استفاده از TypeScript برای توسعه جلوی می کنند. با این گفته ، بیایید شباهت ها و تفاوت های بین دو زبان برنامه نویسی را بررسی کنیم.

JavaScript vs TypeScript:

شباهت

از آنجا که TypeScript یک Superset of JavaScript است ، این بدان معنی است که هر آنچه را که در JavaScript آموخته اید را می توان در TypeScript یافت. این بدان معنی است که نحو و ساختار اصلی یکسان هستند ، از ویژگی های برنامه نویسی شی گرا (OOP) ، برنامه نویسی ناهمزمان و موارد دیگر پشتیبانی می کند. به همین دلیل ، بیشتر کد JavaScript نیز کد Typescript معتبر است و انتقال را آسان می کند.

تفاوت

تفاوت بین JavaScript و TypeScript کوچک به نظر می رسد اما تأثیرگذار هستند. بیایید با ذکر تفاوت اصلی شروع کنیم. TypeScript بسیار شبیه JavaScript است. یکی از تفاوت های اصلی JavaScript و TypeScript این است که JavaScript یک زبان پویا است و TypeScript یک زبان استاتیک است. در صورتی که به یاد نیاورید ، من این معنی را تجزیه می کنم و اصطلاحات ما را تازه می کنم.

یک زبان پویا چیست؟

یک زبان پویا زبانی است که در آن به هر متغیر می توان هر مقدار را اختصاص داد. این امر تنظیم مجدد مقادیر را در صورت لزوم آسان تر می کند ، در نتیجه کدی که هم سازگار تر و هم مختصر تر باشد.

یک زبان استاتیک چیست؟

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

با این یادآوری ، اکنون بیایید عمیق تر در مورد اینکه چگونه این تغییرات در مقایسه با JavaScript به نظر می رسد ، عمیق تر شویم …

حاشیه نویسی و رابط نوع:

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

بیایید نگاهی به این کد بیندازیم:

let name: string = "Star";  
let age: number = 25; 

این نوع حاشیه نویسی است: به طور خاص اضافه کردن یک نوع به متغیر

حالا بیایید به این یکی نگاه کنیم:

interface Person {
  name: string;
  age: number;
}

const person: Person = {
  name: "Star",
  age: 25,
};

این رابط نوع است: این ساختار (شکل) را برای یک شی یا کلاس تعریف می کند

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

رسیدگی به خطاهای:

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

در اینجا یک مثال آورده شده است:

let age: number = 25;
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

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

تالیف

بر خلاف JavaScript که در آن کد مستقیماً به مرورگر اجرا می شود. TypeScript قبل از اجرای آن باید در JavaScript گردآوری شود. این به گرفتن خطاها قبل از اجرای کد کمک می کند.

نکاتی برای یادگیری TypeScript به عنوان یک توسعه دهنده JavaScript

1. با آنچه می دانید شروع کنید: از دانش موجود خود در مورد JavaScript استفاده کنید و از آنجا بسازید. با اصول اولیه شروع کنید و بر درک سیستم نوع Typecript و استفاده از حاشیه نویسی نوع تمرکز کنید! منابعی مانند Codecademy و FreecodeCamp می توانند به شما در روند کار کمک کنند.

2. ساخت پروژه ها: اضافه کردن TypeScript به پروژه های کوچک یا حتی بازآفرینی پروژه های موجود را شروع کنید. این یک روش عالی برای استفاده از آنچه شما به طور عملی یاد می گیرید است.

3. قوام مهم است: تمرین همه چیز است. با ایجاد پروژه های جدید یا مقابله با مشکلات برنامه نویسی بر روی سیستم عامل هایی مانند LeetCode با استفاده از TypeScript خود را به چالش بکشید. هرچه بیشتر تمرین کنید ، بهتر خواهید شد!

پایان

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