در قسمت قبلی Dependency های AngularJS 2 را در Visual Studio.NET 2015 ایجاد و تنظیمات لازمه را انجام دادیم ، خوب تنظیمات انجام شده ، ولی هنوز پروژه ما شکل یک Web Project ندارد ، چرا که هنوز مثلن یک View نداریم تا اطلاعاتی را در صفحه نمایش دهد . باید بتوانیم اشکال مختلف View و اجزای آنرا در پروژه وارد کنیم و از آن استفاده کنیم.
بسمه تعالی
TypeScript - بخش اول
در قسمت قبلی Dependency های AngularJS 2 را در Visual Studio.NET 2015 ایجاد و تنظیمات لازمه را انجام دادیم ، خوب تنظیمات انجام شده ، ولی هنوز پروژه ما شکل یک Web Project ندارد ، چرا که هنوز مثلن یک View نداریم تا اطلاعاتی را در صفحه نمایش دهد . باید بتوانیم اشکال مختلف View و اجزای آنرا در پروژه وارد کنیم و از آن استفاده کنیم.
مساله در حال حاضر این است که باید با یک ماهیت جدید به نام Type Script آشنا شویم . وجود Type Script سبب خواهد شد کدها منظم تر در پروژه نشسته و مدیریت آن ساده تر گردد. در حال حاضر به محض نیاز به استفاده از Component در View باید مفاهیم Type Script را بدانیم و از آن استفاده کنیم .
خوب اصلن TypeScript چیست ؟.
TypeScript یک بسته از Script هاست که سبب تولید Plain Javascript خواهد شد. در عمل TypeScript یک محتوای جدا از Javascript نیست ، بلکه می توان گفت این ماهیت یک Superset JavaSceript است که در سطحی بالاتر از JavaScript عمل میکند . پسوند فایلهای Type Script به طور معمول Ts بوده و از لحاظ Syntax شباهت زیادی به JavaScript دارد .
خوب حالا 2 راه حل وجود دارد ، یک اینکه تا آخر این مباحث آموزشی ، گرفتار Type Script باشید و به درک درستی از آن پیدا نکنید و یا اینکه ابتدا نگاهی به TypeScript بیندازیم و بعد به سراغ ایجاد Component بر اساس آن و صدا زدن آن در View ها نماییم .
از لحاظ منطقی اگر کمی صبر پیشه کنید و وضعیت TypeScript را برای خود روشن نمایید ، خیلی سریعتر میتوانید مشگلاتی که صد در صد در طی پیشبرد پروژه های سنگین پیش خواهد امد را حل نمایید .
خوب پس اجازه بدهید یکسری از Option ها که Type Script در اختیار ما میگذارد را بررسی کنیم.
1- این PlatForm در همه Browser ها به خوبی عمل خواهد نمود
2- در تمامی Host ها از آن میشود استفاده کرد و این مزیت خوبی است . مثلن میتوان در NodeJs هم به آسانی آنرا Run نمود.
3- امکان کارکرد بر روی همه OS ها
4- Open Source بودن
5- Tool Support بودن به معنای کار بر روی IDE های بسیار متنوع
وضعیت کارکرد TypeScript به شکل زیر است
اجازه بدهید به یک تکه کد در TypeScript نگاهی بیندازیم.
در تصویر بالا مشاهده میکنید که چگونه یک Type Script Class سبب تولید JavaScript میگردد . همانطور که مشهود است ، کپسوله سازی و برقراری Typing در TypeScript به خوبی رعایت شده و بر اساس OOP چگونه این کلاس دارای متد سازنده با یک پارامتر است و به ازای آن کد JavaScript مناسب تولید شده است .
اگر به JavaScript یا حتی C++ تسلط مختصری داشته باشید ، می توانید TypeScript Syntax را به آسانی درک کنید . با این وجود در بخش بعدی نگاهی به چگونگی کدنویسی در TypeScript خواهیم انداخت .