פונקציות חץ

פונקציות חץ מספקות דרך קצרה יותר לכתוב פונקציות ב-JavaScript. הן שימושיות במיוחד עבור פונקציות קצרות ופשוטות.

לביטוי פונקציית חץ יש תחביר קצר יותר בהשוואה לביטויי פונקציה, ואין לו קישור משלו למילות המפתח this, arguments, super או new.target. פונקציות חץ הן תמיד אנונימיות.

הנה התחביר הבסיסי של פונקציית חץ:

(param1, param2) => {
	// גוף הפונקציה
	// ...
	return value; // פקודת return אופציונלית
}

אם לפונקציה יש רק פרמטר אחד, אפשר להשמיט את הסוגריים סביב רשימת הפרמטרים. אם גוף הפונקציה כולל רק ביטוי אחד, אפשר להשמיט את הסוגריים המסולסלים ואת מילת המפתח return. תוצאת הביטוי תוחזר באופן משתמע.

הנה דוגמה לביטוי פונקציה מסורתי:

let add = function(a, b) {
	return a + b;
};

הנה אותה פונקציה כתובה כפונקציית חץ:

let add = (a, b) => a + b;

בדוגמה הזאת, הסוגריים סביב הפרמטרים נשארים כי יש שני פרמטרים. הסוגריים המסולסלים ומילת המפתח return מושמטים כי בגוף הפונקציה יש רק ביטוי אחד.

הנה דוגמה נוספת ללא פרמטרים:

let greet = () => console.log("Hello!");
greet(); // פלט: Hello!

במקרה הזה, משתמשים בזוג סוגריים ריקים כדי לציין שלפונקציה אין פרמטרים.

לעיתים קרובות משתמשים בפונקציות חץ כשצריך להעביר פונקציה קצרה כארגומנט לפונקציה אחרת.