{"id":3659,"date":"2024-11-12T03:00:14","date_gmt":"2024-11-12T00:00:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/promisesi-kesfetmek-all-vs-allsettled-race-vs-any\/"},"modified":"2024-11-12T03:00:14","modified_gmt":"2024-11-12T00:00:14","slug":"promisesi-kesfetmek-all-vs-allsettled-race-vs-any","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/promisesi-kesfetmek-all-vs-allsettled-race-vs-any\/","title":{"rendered":"Promises’i Ke\u015ffetmek: .all vs .allSettled \/ .race vs .any"},"content":{"rendered":"

Promises’i Ke\u015ffetmek: .all vs .allSettled \/ .race vs .any<\/p>\n

JavaScript’te asenkron i\u015flemleri y\u00f6netmek i\u00e7in kullan\u0131lan Promises, programlamam\u0131z\u0131 daha temiz ve d\u00fczenli hale getirir. Promise’ler bir i\u015flemin ba\u015far\u0131 veya ba\u015far\u0131s\u0131zl\u0131k durumunu temsil eder. Birden fazla Promise’i y\u00f6netmek i\u00e7in, Promise’ler \u00fczerinde \u00e7e\u015fitli y\u00f6ntemler kullan\u0131labilir. Bu y\u00f6ntemler aras\u0131nda en yayg\u0131n kullan\u0131lanlar\u0131 .all, .allSettled, .race ve .any’dir.<\/p>\n

.all ve .allSettled: Birden Fazla Promise’i Y\u00f6netmek<\/h2>\n

Hem .all hem de .allSettled, birden fazla Promise’i e\u015f zamanl\u0131 olarak \u00e7al\u0131\u015ft\u0131rmay\u0131 ve sonu\u00e7lar\u0131n\u0131 toplamay\u0131 sa\u011flar. Ancak, aralar\u0131nda \u00f6nemli bir fark vard\u0131r. .all y\u00f6ntemi, t\u00fcm Promise’ler ba\u015far\u0131l\u0131 sonu\u00e7land\u0131\u011f\u0131nda bir dizi halinde sonu\u00e7lar\u0131 d\u00f6nd\u00fcr\u00fcr. Bir Promise ba\u015far\u0131s\u0131z olursa, di\u011fer Promise’ler y\u00fcr\u00fct\u00fclse bile .all y\u00f6ntemi bir hata f\u0131rlat\u0131r. \u00d6te yandan .allSettled, t\u00fcm Promise’lerin sonu\u00e7lar\u0131n\u0131, ba\u015far\u0131l\u0131 olsun veya olmas\u0131n, bir dizi halinde d\u00f6nd\u00fcr\u00fcr. Bu, her Promise’in durumunu ayr\u0131 ayr\u0131 kontrol etmenize olanak sa\u011flar.<\/p>\n

A\u015fa\u011f\u0131daki \u00f6rneklerde, iki Promise’in durumlar\u0131n\u0131 ele alal\u0131m. \u0130lk Promise ba\u015far\u0131l\u0131 olacak \u015fekilde ayarlanm\u0131\u015f, ikinci Promise ise hata f\u0131rlatacak \u015fekilde tasarlanm\u0131\u015ft\u0131r.<\/p>\n

“`javascript
\nconst promise1 = Promise.resolve(‘Ba\u015far\u0131!’);
\nconst promise2 = Promise.reject(‘Hata!’);<\/p>\n

Promise.all([promise1, promise2])
\n .then(values => console.log(values)) \/\/ \u00c7al\u0131\u015fmaz, hata f\u0131rlat\u0131r
\n .catch(error => console.error(error)); \/\/ Hata yakalan\u0131r<\/p>\n

Promise.allSettled([promise1, promise2])
\n .then(results => {
\n results.forEach(result => {
\n if (result.status === ‘fulfilled’) {
\n console.log(result.value); \/\/ ‘Ba\u015far\u0131!’ yazd\u0131r\u0131r
\n } else {
\n console.error(result.reason); \/\/ ‘Hata!’ yazd\u0131r\u0131r
\n }
\n });
\n });
\n“`<\/p>\n

G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, .all y\u00f6ntemi hata durumunda hata f\u0131rlat\u0131r ve devam etmez. .allSettled ise her Promise’in sonu\u00e7lar\u0131n\u0131 ayr\u0131 ayr\u0131 d\u00f6nd\u00fcrerek, hangi Promise’in ba\u015far\u0131l\u0131 veya ba\u015far\u0131s\u0131z oldu\u011funu kontrol etmemizi sa\u011flar.<\/p>\n

.race ve .any: \u0130lk Ba\u015far\u0131 veya \u0130lk Ba\u015far\u0131s\u0131zl\u0131k<\/h2>\n

.race ve .any, birden fazla Promise aras\u0131nda bir yar\u0131\u015f olu\u015fturur. .race y\u00f6ntemi, ilk ba\u015far\u0131l\u0131 olan Promise’in sonucunu d\u00f6nd\u00fcr\u00fcr. Di\u011fer Promise’ler hala \u00e7al\u0131\u015f\u0131yor olsa bile, .race y\u00f6ntemi ilk ba\u015far\u0131l\u0131 olan\u0131 d\u00f6nd\u00fcr\u00fcr ve di\u011ferlerini iptal eder. .any y\u00f6ntemi ise ilk ba\u015far\u0131l\u0131 olan Promise’in sonucunu d\u00f6nd\u00fcr\u00fcr. Di\u011fer Promise’ler ba\u015far\u0131s\u0131z olsa bile, .any y\u00f6ntemi ilk ba\u015far\u0131l\u0131 olan\u0131 d\u00f6nd\u00fcr\u00fcr ve di\u011ferlerini iptal eder.<\/p>\n

A\u015fa\u011f\u0131daki \u00f6rneklerde, \u00fc\u00e7 Promise’in durumu ele alal\u0131m. \u0130lk Promise h\u0131zl\u0131 bir \u015fekilde ba\u015far\u0131ya ula\u015facak, ikinci Promise daha yava\u015f olacak ve \u00fc\u00e7\u00fcnc\u00fc Promise ise hata f\u0131rlatacak \u015fekilde tasarlanm\u0131\u015ft\u0131r.<\/p>\n

“`javascript
\nconst promise1 = Promise.resolve(‘H\u0131zl\u0131 Ba\u015far\u0131!’);
\nconst promise2 = new Promise(resolve => setTimeout(() => resolve(‘Yava\u015f Ba\u015far\u0131!’), 2000));
\nconst promise3 = Promise.reject(‘Hata!’);<\/p>\n

Promise.race([promise1, promise2, promise3])
\n .then(value => console.log(value)) \/\/ ‘H\u0131zl\u0131 Ba\u015far\u0131!’ yazd\u0131r\u0131r
\n .catch(error => console.error(error)); \/\/ \u00c7al\u0131\u015fmaz, hata yakalanmaz<\/p>\n

Promise.any([promise1, promise2, promise3])
\n .then(value => console.log(value)) \/\/ ‘H\u0131zl\u0131 Ba\u015far\u0131!’ yazd\u0131r\u0131r
\n .catch(error => console.error(error)); \/\/ \u00c7al\u0131\u015fmaz, hata yakalanmaz
\n“`<\/p>\n

G\u00f6r\u00fcld\u00fc\u011f\u00fc gibi, hem .race hem de .any y\u00f6ntemi ilk ba\u015far\u0131l\u0131 olan Promise’in sonucunu d\u00f6nd\u00fcr\u00fcr. .race, ilk ba\u015far\u0131l\u0131 olan\u0131 d\u00f6nd\u00fcr\u00fcrken, .any ise ilk ba\u015far\u0131l\u0131 olan\u0131 d\u00f6nd\u00fcr\u00fcr ve di\u011ferlerinin ba\u015far\u0131s\u0131z olmas\u0131na ald\u0131rmaz.<\/p>\n

Sonu\u00e7<\/h2>\n

Promise’leri y\u00f6netmek i\u00e7in .all, .allSettled, .race ve .any gibi \u00e7e\u015fitli y\u00f6ntemler kullan\u0131labilir. Hangi y\u00f6ntemi kullanaca\u011f\u0131n\u0131z, uygulaman\u0131z\u0131n gereksinimlerine ba\u011fl\u0131d\u0131r. E\u011fer t\u00fcm Promise’lerin ba\u015far\u0131l\u0131 olmas\u0131n\u0131 bekliyorsan\u0131z .all y\u00f6ntemini kullanmal\u0131s\u0131n\u0131z. E\u011fer t\u00fcm Promise’lerin sonu\u00e7lar\u0131n\u0131 kontrol etmek istiyorsan\u0131z .allSettled y\u00f6ntemini kullanmal\u0131s\u0131n\u0131z. E\u011fer ilk ba\u015far\u0131l\u0131 olan Promise’in sonucunu almak istiyorsan\u0131z .race veya .any y\u00f6ntemini kullanabilirsiniz.<\/p>\n

Promise’ler JavaScript’te asenkron i\u015flemleri y\u00f6netmek i\u00e7in g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r. Bu y\u00f6ntemleri \u00f6\u011frenerek kodunuzu daha temiz, d\u00fczenli ve okunabilir hale getirebilirsiniz.<\/p>\n

Referanslar<\/h2>\n

Daha fazla bilgi edinmek i\u00e7in a\u015fa\u011f\u0131daki kaynaklara g\u00f6z atabilirsiniz:<\/p>\n