אין לכם ולכן כמה מושג עד כמה התאפקתי כדי לא לכתוב בכותרת ״סוף סוף הפיצ׳ר שכולם חיכו לו״ או בדיחת אבא איומה בסגנון זה או אחר. אבל חסתי עליכם ועל עצמי. בכל מקרה, מדובר בפיצ׳ר מגניב וחשוב במיוחד ב-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ים. הקיצר, טוב להכיר.
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
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.
What's wrong with the following?
.then(data => {console.log('success')})
.catch(ex => {console.log('failure')})
.then(() => {console.log('finally / always')})
The code you offered will never through the 'ex' outside to the calling code.
will never *throw* the 'ex' (sorry)
האם הsyntax החדש ES2018 נתמך בכל הפלטפורמות?
ראה תמיכה בדפדפנים בקישור הבא:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/finally#Browser_compatibility