سلام جاوااسکریپتیها! توی این قسمت میخوایم با یک روش جدید برای داشتن توابع توی جاوااسکریپت آشنا بشیم. یعنی Arrow Function!
Arrow Function چیه؟ 🤔
توی قسمت قبل با Function Expression ها آشنا شدیم و دیدیم که این توابع چطوری ساخته میشن و چه ویژگیهایی دارن. مثلاً:
const add = function (a, b) { return a + b; }
توی کد بالا یک متغیر ساختیم و یک تابع که به صورت Function Expresssion ساخته شده رو به اون نسبت دادیم.
توی جاوااسکریپت یک روش کوتاهتر و اختصاصی برای داشتن Function Expression وجود داره که اون هم استفاده از Arrow Function هاست 👌
Arrow Function چه شکلیه؟
نحوه نوشتن یک Arrow Function به صورت زیر هست:
() => "Hi"
همونطور که میبینیم یک روش جمع و جور برای داشتن توابع در اختیار داریم. به دلیل وجود علامت => به اونها Arrow Function (کمان) گفته میشه.
مقایسه با توابع معمولی
کد بالا مشابه کد زیر هست:
function() { return "Hi"; }
خب ساختار این توابع شاید توی نگاه اول مقداری گنگ باشه. بیاید ساختار اون رو بیشتر بررسی کنیم.
بررسی ساختار Arrow Function
همونطور که رایج هست، ما ابتدا Function Expression ها رو میریزیم توی یک متغیر:
const welcome = () => "Hi"
و به صورت زیر درست مثل توابع معمولی میتونیم از اون استفاده کنیم:
welcome();
پارامترها رو کجا تعریف کنیم؟
توی این توابع دیگه از کلمهکلیدی function استفاده نمیکنیم. اما پرانتزهایی که محل قرارگیری پارامترهای توابع بود رو داریم. این پرانتزها درست قبل از علامت => قرار گرفته. پس میتونیم ورودیهای توابع رو اونجا مشخص کنیم: