Asenkron programlama hiç böyle kolay olmamıştı

[Akif Eyler]

Promise.then(...) için kolay bir çözüm buldum:

Benden ders alanlar iyi bilir, kolayca anlatamadığım bir konuya yer vermem, anlatacak bir yığın konu varken... Bugünden itibaren, Promise-Response çifti ile Asenkron programlama da uzmanlık alanıma girmiş oldu :)

Birinci örneğin cevabı anında dönüyor:

navigator.getBattery()  bu kadar yazınca, Inspector gerisini tamamlıyor

.then(y => display(y), e => reportError(e)); //BatteryManager

then()'den sonra iki fonksiyon var: cevap olumlu ise diplay, değilse error çağrılacak

https://maeyler.github.io/JS/inspector.html

    if (f instanceof Promise) { //nothing to display in f

        f.then(y => display(y), e => reportError(e));

        out.innerText = "A Promise was made - takes time";

        out.style.backgroundColor = "cyan"; return;

    }

İkinci örnek iki aşamalı:

Önce GitHub'dan bir text   fetch("https://maeyler.github.io/JS/hard/test/test.txt") 

ya da  fetch("https://raw.githubusercontent.com/maeyler/JS/master/index.html")

.then(y => display(y), e => reportError(e))  //Response

Bu kısım yukarıdaki ile aynı olduğu için otomatik -- Promise atlanıyor ve Response gösteriliyor

ikinci aşamada çağrılan text() metodu yeni bir cevap üretiyor:

.then(y => display(y), e => reportError(e)); //String

Şimdi Chrome konsolunda sample.innerText=co yazarsanız metin aynı sayfada çıkar

Sihir gibi bir şey, belki en başından böyle olmalıydı...

__Akif Eyler__

On Thu, Jul 19, 2018 at 1

​3​

:05

* asenkron yazılım için en önemli araç Promise:

mesela  navigator.getBattery() ya da fetch(URL)  komutları Promise döndürüyor

Bunların değerine p.then(...) ile ulaşmanın yolunu arıyorum

fetch() için cevabı biliyorum ama nasıl genelleştirelim?

 

[Akif Eyler]

Bugün V2.0 çıktı -- Inspector artık "class hiearchy" gösteren bir yapı kazandı

fetch("https://maeyler.github.io/JS/hard/test/test.txt") 

.then(y => display(y), e => reportError(e))

Buna tekrar bakınca, iki hafta önce callback kavramını hiç anlamadığım ortaya çıktı :)

Doğrusunu yazayım ki arşivde bulunsun:

fetch("...").then(display, reportError)

Yeni haliyle sanırım JS mantığı çok iyi anlaşılıyor...

Bana hayret veren diğer örnekleri de yazayım:

1) Array assignment

  let [c, v] = toCV(i)  

  //toCV returns an array of two numbers

2) Array copy (clone)

  let copy = [...names]

3) RegExp replace-all

Tuncay'ın yorumunu merakla bekliyorum

__MAE