• TypeScript - قسمت سیزدهم
TypeScript - قسمت سیزدهم
1395/03/13 - 10:59:10 // TypeScript // 2 نظر // 5156 بازدید

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

بسمه تعالی

TypeScript - قسمت سیزدهم

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

ایجاد یک Module بسیار ساده خواهد بود . به شکل زیر دقت کنید .

کلمه کلیدی Moduleسبب ایجاد یک ماژول خواهد شد . مزیت ماژولها این است که امکان Extend شدن یا استفاده و صدا زده شدن درون همدیگر را نیز دارند. هر ماژول یک وظیفه بر عهده دارد و این روند به پیاده سازی واقعی Separation of Concerns بسیار کمک خواهد نمود . در برنامه نویسی مبتنی بر علم روز ، تکه تکه کردن پروژه به بخشهای ریز و مستقل و تست پذیر یک هدف اصلی است و این با استفاده از Module ها بسیار امکان پذیر است . به زبان ساده تر ، Module ها امکان Share شدن کدها در فایلهای مختلف را برای ما ایجاد مینمایند .

کاربرد ماژولها میتواند جمع آوری توابع متعلق به یک کارکرد خاص نیز باشد . مثلن میتوان توابع مرتبط با Math را در یک Math Module جمع آوری نمود .

برای روشن تر شدن موضوع اجازه دهید یک Module واقعی ایجاد کنیم.

در تصویر بالا یک ماژول به نام Calc ایجاد و یک متد به نام Half ایجاد شده است . این متد هر مقدار عددی ورودی را بر 2 تقسیم و باز خواهد گرداند . یک متغیر تعریف و از این متد استفاده کرده ایم.

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

در مثال بالا یک متد از بیرون قابل استفاده است و یک متغیر به نام defaultlanguage .

خوب ما گفتیم امکان تکه تکه کردن و استفاده از کدهای موجود در چندین فایل همزمان یا درون یکدیگر وجود دارد . دوست داریم این قابلیت را ببینیم . در مثال زیر این کار را انجام خواهیم داد. فرض کنید یک Module ساده به شکل زیر ایجاد کرده ایم.

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

مطابق تصویر بالا با استفاده از Reference میتوان از یک Module را در دیگر معرفی نمود و بعد از اجزای آن استفاده نمود .

خوب حالا وقت آن است که نگاهی به دو عبارت Export و Import بیندازیم.

دلیل استفاده از Import ، بهبود شکل استفاده از Reference میباشد . با استفاده از Import میتوان یک TS File را به صورت کلی وارد یک فایل دیگر کرده و آنرا آماده به استفاده نمود .

تصویر بالا محتوای فایل Calc.ts را با دو متد نشان میدهد . حال فرض کنید لازم است در فایل دیگری از این توابع استفاده شود . شکل استفاده با استفاده از Import مطابق زیر خواهد بود .

با استفاده از دستور Import یک Instant از این Module گرفته و در اصل به شکلی آنرا در این فایل Include میکنیم و بعد مشاهده میکنید که چگونه متدهای درون آن به آسانی قابل استفاده خواهند بود.

خوب دوستان ، TypeScript یک ماهیت ساده نیست و میتوان حتی یک سال درباره آن بحث نمود ، ولی هدف ما رسیدن به توانایی کدنویسی و Develop در AngularJS و ایجاد پروژه میباشد . از نظر من اگر تا همین جا به درک درستی رسیده باشید ، میتوانیم AngularJS را شروع کنیم. در خلال کار با AngularJS اگر مطلبی در رابطه با TypeScript نیاز باشد ، بیان خواهم کرد ، چون در اصل کلاس عملی کار با TypeScript ، مباحث آموزشی AngularJS خواهد بود.

در بخش بعدی به ادامه آموزش AngularJS 2 با استفاده از Type Script خواهیم پرداخت .

علی کلاهدوزان
معرفی نویسنده : علی کلاهدوزان

سلام بر دوستان ،
شاید رایج است به عنوان پروفایل کاربر ، چند خطی راجع به خودم بنویسم ، ولی وضعیت کاری و سوابق من با یک جستجوی ساده در گوگل مشخص خواهد شد ، لذا سرتان را با مطالب بی مورد به درد نیاورم بهتر است . اگر نکته خاصی لازم بود بدانید در قسمت "ایلیا سافت در یک نگاه" به احتمال زیاد یافت خواهد شد . جزئیات بیشتر را سوال کنید ، آدرس ایمیل Ali@Kolahdoozan.com همیشه جوابگوی شماست .امیدوارم از مطالب سایت استفاده کرده باشید . شاد و پیروز باشید .

امتیاز به مطلب
           
نظرات کاربران
  • سوران
    1395/03/13 - 23:00:06

    1
    0
    خیلی عالیه انگولار 2 رو شروع کنین ممنون از آموزش های خوبتون کاش اگه کتاب رایگان خوب واسه TypeScript و AngularJS 2 سراغ دارین لینکشو بگذارین واسه دانلود که بیشتر استفاده کنیم
     
     
    ------------------------------------------------
     
    پاسخ : کتاب زیاده ، ولی انگلیسی هست . اگر دوست دارید بگید تا بذاریم . 
  • سوران
    1395/03/14 - 18:30:47

    0
    0
    بله بله منم همون انگلیسی ها رو عرض کردم اگر ebook رایگان برای دانلود هست لطفاً چند تا لینک بگذارید. ممنون میشم
     
    --------------------------------
     
    پاسخ : بتدریج در سایت قرار داده میشه . هر چند وقت یک بار به بخش دانلود کتاب و نرم افزار و مجله سر بزنید .
    یا عضو کانال تلگرام بشید تا از جدیدترین کتب آپلود شده با خیر بشین 
ارسال نظر