درود دوستان! می‌خوایم یکی از مهمترین ویژگی‌هایی که از ES6 به جاوااسکریپت اضافه شده رو بررسی کنیم: Arrow Function ها.

ما توی دوره «آموزش جاوااسکریپت به زبان ساده» با این توابع آشنا شدیم. توی این قسمت می‌خوایم مقداری تخصصی‌تر با اونها آشنا بشیم. توی این قسمت یاد می‌گیریم که:

 

توی این پست از کلمه مخفف AF بجای Arrow Function استفاده میشه.

 

AF چیه؟

این توابع یک راه کوتاه‌تر برای داشتن Function Expression ها به حساب میان. در واقع این توابع نسخه‌ی جمع و جور شدهٔ توابع معمولی هستن. نحوه نوشتن اونها به صورت زیر هست:

() => "Hello!";

همونطور که گفتیم، AF ها نوعی Function Expression هستن. پس برای اینکه مثل یک تابع قابل استفاده باشن، اونها رو نسبت می‌دیم به یک متغیر:

const sayHello = <<() => "Hello!">>;

alert(sayHello());

اگه بخوایم از توابع معمولی استفاده کنیم، کد بالا به صورت زیر در میاد:

function sayHello() {
    return "Hello!";
}

سادگی استفاده از AF ها هنگام استفاده از توابع Callback بیشتر مشخص میشه:

const numbers = [1, 2, 3];

const dup = numbers.map(<<num => num * 2>>);

alert(dup); // 2, 4, 6

 

چطوری پارامتر پاس بدیم؟