میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

توابع Arrow در جاوا اسکریپت

در ECMAScript6 قابلیتی به جاوا اسکریپت اضافه شد که می توانیم تعریف توابع تک دستوری را کوتاه تر کنیم. این توابع به نام توابع Arrow یا به فارسی توابع فلش در ES6 معرفی شدند.

توابع Arrow به ما اجازه می دهند تا سینتکس تابع را کوتاهتر بنویسیم:

قبل از معرفی توابع فلش:

با استفاده از توابع Arrow:

توابع Arrow مقدار پیش فرض را باز می گردانند:

اگر تابع شما پارامتر(هایی) دارد ، باید آن(ها) را درون پرانتز بگذارید:

تابع فلش با پارامترها:

جالب تر اینکه اگر تنها یک پارامتر داشته باشید ، می توانید پرانتز را نیز حذف کنید:

عملکرد فلش بدون پرانتز:

this در توابع فلش

استفاده از this نیز در توابع فلش یا arrow در مقایسه با توابع معمولی متفاوت است.

در توابع معمولی ، کلمه کلیدی this ، شیء ای را که تابع را صدا می زد، نشان می داد ، که می توانست پنجره ، سند ، دکمه یا هر چیز دیگری باشد.

با استفاده از توابع فلش ، کلمه کلیدی this همیشه نمایانگر شیء ای است که تابع فلش را تعریف می کند.

بگذارید به دو مثال نگاهی بیندازیم تا تفاوت را درک کنیم.

هر دو مثال یک تابع را دو بار فراخوانی کرده اند، یکبار وقتی که صفحه بارگیری می شود ، و یک بار دیگر وقتی که کاربر روی یک دکمه کلیک می کند.

مثال اول از یک تابع معمولی استفاده می کند و مثال دوم از یک تابع فلش.

نتیجه نشان می دهد که مثال اول دو شیء مختلف (پنجره و دکمه) را برمی گرداند ، و مثال دوم شیء پنجره را دو بار باز می گرداند ، زیرا شیء پنجره “صاحب” تابع است.

مثال

با یک تابع معمولی this، به شیء ای اشاره می کند که تابع را فراخوانی کرده است:

با یک تابع فلش this به صاحب تابع اشاره میکند:

 

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

 

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

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟