• בלוג
  • עמוד 67
  • עוד 3 פיצ'רים של ES13 בהם אתם אשכרה הולכים להשתמש

עוד 3 פיצ'רים של ES13 בהם אתם אשכרה הולכים להשתמש

31/01/2023

ג'אווהסקריפט כל הזמן מתקדמת ולמרות שכבר ירדנו מרכבת ההרים שהיתה ES6, עדיין יש שיפורים קטנים שהופכים את החיים לקלים יותר כל יום. אז נכון כשחושבים על ES13 מיד קופץ לראש סימן הסולמית והיכולת להגדיר פונקציות פרטיות, אבל האמת שבזה אני לא רואה סיבה להשתמש. הנה 3 פיצ'רים אחרים שדווקא כן יכולים להיכנס לקוד שלי-

1. האיבר האחרון במערך (סוף סוף)

הפיצ'ר שהכי חיכיתי לו ב JavaScript הגיע. טוב, לא בדיוק בצורה שרציתי אבל מספיק דומה. אם יש לכם ביד מערך תוכלו להשתמש בפונקציה at כדי לגשת לאיברים עם תמיכה במספרים שליליים כדי לגשת מהסוף. זה הקוד:

const x = [10, 20, 30, 40, 50];

// prints: 50
console.log(x.at(-1));

2. חיפוש מהסוף

ואם כבר מדברים על סוף, הפונקציה findLast היא כמו find אבל מהסוף. זה נראה ככה:

const x = [10, 20, 30, 40, 50];

// prints 50
x.findLast(i => i > 30)

// prints 40
x.find(i => i > 30)

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

והפינוק הכי גדול של ES13 (הידועה גם בתור ES2022) הוא היכולת לכתוב await מחוץ לכל פונקציה. את זה בטוח ראיתם ב dev tools ומסתבר שאפשר לכתוב אותו בכל מודול.

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

const response = await fetch('/theme');
const theme = await response.json();

document.body.backgroundColor = theme.background;