ES2018 – יצירת finally ב-promise

אין לכם ולכן כמה מושג עד כמה התאפקתי כדי לא לכתוב בכותרת ״סוף סוף הפיצ׳ר שכולם חיכו לו״ או בדיחת אבא איומה בסגנון זה או אחר. אבל חסתי עליכם ועל עצמי. בכל מקרה, מדובר בפיצ׳ר מגניב וחשוב במיוחד ב-promises. מי שלא מבין מה זה promises – מדובר ב-הפיצ׳ר בה״א הידיעה. במאמר הבא על ES6 אני מסביר עליו בפירוט.

finally הוא תוספת חשובה ביותר שמאפשרת לנו להכניס פונקציה שתמיד תמיד מתקיימת בלי קשר לתוצאות של ה-promise. גם אם הוא מצליח, גם אם הוא נכשל – זה יקרה. בואו ונראה דוגמה:


const myPromise = new Promise((resolve, reject) => {
  setTimeout(() => { resolve('success!!!'); }, 2000);
});

זו promise רגילה בתכלית שמה שיש בה זה resolve מיד אחרי 2000 מילישניות. אם אני רוצה לעבוד פה, אני אצטרך לשרשר לה then.


myPromise.then(
  result => { console.log(result) },
  failMessage => { console.log(failMessage) }
);

ב-then החביב יש לנו שתי פונקציות אנונימיות. הראשונה תעבוד במקרה של resolve והשניה במקרה של reject. כיוון שה-promise הזו תמיד מצליחה, אז תמיד נראה בקונסולה success. וזה נחמד. אבל אני יכול להוסיף עוד finally שתמיד יעבוד:


const myPromise = new Promise((resolve, reject) => {
  setTimeout(() => { resolve('success!!!'); }, 2000);
});

myPromise.then(
  result => { console.log(result) },
  failMessage => { console.log(failMessage) }
).finally(finallyMessage => { console.log('FINALLY!!')});

בלי שום קשר לתוצאות ה-promise, אני אראה צעקה finally בקונסולה. אין אמונה בגויים? שחקו עם זה כאן:

See the Pen promise finally example by Ran Bar-Zik (@barzik) on CodePen.

וזה.. זה מגניב 🙂 ושימושי, אפילו מאוד. למה? למשל אם יש לי אנימציה של ׳טעינה׳ שמתחילה ברגע שאני משגר את ה-promise, פה אני יכול לנקות אותה. אם יש לי איזה modal, זו יכולה להיות נקודה מצוינת לסגור אותו וכן הלאה. אם אני כותב ב-node, אז אני יכול לסגור connectionים. הקיצר, טוב להכיר.

כדאי תמיד להשאר מעודכנים! הרשמו לעדכונים של האתר במייל! - המייל יישלח כל יום ראשון בעשר בבוקר ויכיל אך ורק את המאמרים שהתפרסמו באינטרנט ישראל. ללא ספאם, ללא הצפות, ללא בלגנים. אם יש לכם טלגרם, בדקו את ערוץ הטלגרם של האתר שבו אני מעדכן על פוסטים חדשים 🙂

אהבתם? לא אהבתם? דרגו!

לא אהבתי בכלללא אהבתיבסדראהבתיאהבתי מאוד (3 הצבעות, ממוצע: 5.00 מתוך 5)

תגיות: פורסם בקטגוריה: ES20XX

יאללה, שתפו :)

אל תשארו מאחור! יש עוד מה ללמוד!

8 comments on “ES2018 – יצירת finally ב-promise
  1. Yanai הגיב:

    What about try catch finely in native and in node? Can you write about them?

    • משתמש אנונימי (לא מזוהה) הגיב:

      When using async await try catch is the equivalent of promise.then and promise.catch.
      promise.finally is the equivalent of try catch finally

      • Noam Gal הגיב:

        exactly. While the feature is nice to whoever still has to use promises directly, using async/await code makes it a bit redundant, IMO.
        A simple try/catch/finally around the await makes the code simpler in all aspects.

  2. אמנון הגיב:

    What’s wrong with the following?

    .then(data => {console.log(‘success’)})
    .catch(ex => {console.log(‘failure’)})
    .then(() => {console.log(‘finally / always’)})

  3. תמיר הגיב:

    האם הsyntax החדש ES2018 נתמך בכל הפלטפורמות?

כתיבת תגובה

האימייל לא יוצג באתר.

רישום