JavaScript Karmaşası : 09 : ARROW Function - 'OK Fonksiyonu'

Merhaba Arkadaşlar,

Ders Konusu: JavaScript Arrow Function nedir? Nasıl kullanılır? Ne ise yarar?

Bu dersleri serimizde JavaScript'in "karmaşık" konuları üzerine konuşacağız. Bu seriyi oluşturmamın iki nedeni var:

1 - Javascript'in karmaşık görünen konularına Hoisting, Promise, Arrow Functions, First-Class functions, Sınıf - Nesne - Callback - Promise - Async Await gibi ... gibi konuları teorik olarak derinlemesine incelemek.

2 - Javascrit çatı ve kütüphanelerine (Node, Express, Ember, React, Angular..) hızı geçiş yapmak isteyen arkadaşlara bu kütüphanlerde sıklıkla kulanılan konularda yardımcı olmak.

Twitter: ArinSoft

[Wolkiitolkii]

Geçtiğimiz yıllarda hazırladığınız videolar sayesinde yurt dışında Web Developer olarak iş bulmuştum. Şimdi remote front end olarak iş görüşmelerim devam ediyor. Videolarınız inanılmaz faydalı ve verimli. Böyle güzel içerikler ürettiğiniz için teşekkür ederim. Bu alanda kariyer yapmak isteyen bütün arkadaşlara sizin kanalınızı öneriyorum. Başarılarınızın devamını dilerim.

[salihyil]

4:10 arrow function expression daima böyle yazılır.
8:10 arrow function this ile olan bağlantısı
13:30 arrow fonksiyona çevriliyor
14:25 arrow function kendine ait this yoktur.
17:40 tellName fonksiyonu içindeki this: person nesneyi ref etti ile setTimeout içindeki fonksiyon this: window
20:35 tellName arrow fonksiyonu içindeki this: window. oldu ile setTimeout içindeki arrow fonksiyon this: window
--arrow fonk. kendine ait thisi yok o yüzden dışardaki thisden alacak.
22:00 biz genelde arrow fonksiyonları callbacklerde kullanırız.
23:18 Constructor function arrow fonksiyon olarak kullanamayız. Sebep açık arrow fonk. kendine ait thisi yok.
26:10 arrow fonk. bir nesnenin methodu olarak kullanımı sorun yaratır. Çünkü nesneyi değil window ref ediyor.
29:45 arrow fonksiyonlar call, bind, apply js methodları ile kulanıma uygun değil.
30:20 call fonksiyonu: bir fonksiyonu veya methodu ilgili olduğu nesneden, farklı bir nesnede kullanmamızı sağlar.

[Cakirbeyim]

Hocam Tabiri caizse adamın kafasına vura vura anlatıyorsunuz, Elinize, dilinize, yüreğinize sağlık 👏

[PeriklesPeriklesoglu]

teşekkürler çok faydasını gördüm hocam

[yasine]

Ok fonksiyonunu yanlış biliyormuşum(kısa fonksiyon yazmak için olduğunu sanıyordum :D). JavaScript Karmaşası serisi çok faydalı hocam. Eksik ve yanlışlarımı görüyorum. Ders için teşekkürler hocam

[mutlumersinli]

Hocam birkaç eğitim izledim daha arrow function görmemişim bırakın Bu eğitim sayesinde hem arrow function hem de karmaşasını öğrendim... Çok Teşekkürler...

[md]

Tabiri caizse nefes almadan tamamladığım bir seri oldu bu. Aşina olduğum konular olmasına rağmen, hiç sıkılmadan her saniyesini izledim tüm serinin. Bir çok farklı konuda, daha farklı düşünmeme sebep olan ipuçları ile dolu bir seri idi benim için. Şimdi ilgi alanım olan tüm içerikleri tüketmek için sabırsızlanıyorum :)
Diğer arkadaşlara nacizane tavisyem; video başlıklarına bakarak kesinlikle ben bunu biliyorum demeyin. Bu tarz konuları işleyen video yada metinlerin ilk kelimesinden son kelimesine yada ilk saniyesinden son saniyesine kadar atlamadan, sardırmadan izleyin/okuyun. Bu tarz konulardan kastım ise; hocamın da serinin ilk videosundan itibaren sık sık dile getirdiği, "karmaşa" kelimesidir. Yani bu seri içerisinde aktarılmaya çalışılan bilgiler esasen NASIL ? sorularından ziyade NEDEN ? sorularına cevap veriyor. Bu bilgiler ise sadece tecrübeler ile elde ediliyor. Ve bu yüzden gerçekten çok ama çok değerli bir seri olmuş. Tekrar kendim adına çok teşekkür ederim. İnanıyorum, siz ve sizin gibiler sayesinde çok daha iyi konuma gelecek bu sektör. İyi çalışmalar dilerim.

[ferhatsunaycansev]

İzlemeden beğenip yorum atayım hemen ☺️ eve gidince izleriz, hocam güzel bir video olacağı kesin 🙋🏼‍♂️

[rackwellizmrackwellizm]

Çok ama çok faydalı bir ders. Elinize emeğinize sağlık. React ile çalışmak isteyen arkadaşlar mutlaka bu dersi baştan sonra izlemeliler.

[holmesscherlock]

hocam bu this meselesini kaç kişiden dinledim böyle bir anlatım görmedim. çok teşekkürler, sağolun varolun

[Enes_]

sayın hocam bu serinin devamını çeker misiniz ? çok memnun olurum hem çokkk güzel hem de her ayrıntıya değiniyorsunuz emeğinize sağlık. JavaScript'i bir tek sizden dinleyince anlıyorum lütfen devam edin bu seriye :))

[GasimMammadov]

Çok teşekkür ederim hocam, hakkınız ödenmez ama elimden geldiği kadar destek olmak için izlediğim tüm videolarınızı beğenip yorum yapıcam. Öndecen planlıyordum ama şimdi zaman ayıra bildim, geç olsa da kusura bakmayın. Ve diğer izleyici arkadaşlardan da nacizane bir şekilde rica ediyorum bunu yapmalarını. Lütfen siz de video hazırlarken izleyicilerinizden bunu rica edin tüm videolarda, çünki böylece bu değerli derslerden daha çok insan yararlanacak youtube algoritması sayesinde. Şahsen ben de kafam derse daldığı için defalarca unutuyordum 1 saniyemi ayırıp like atmayı, o yüzden hatırlatmanızın iyi olacağını düşündüm. Bir daha teşekkürler efendim 🤝🏻
#43

[kenansari]

Tesekkurler hocam. Emeklerinize saglik.

[ogulcanesen]

ellerinize saglık yine super ders hocam

[rifatarslan]

Merhaba,
Dersler için teşekkür ederim.

İçeriğin daha kullanışlı olması adına ve özellikle mobilden takip ederken görüntüler çok küçük olduğu için okunurluk çok zor olmakta. Bunun için kod yazım editöründe ve çıktıların alındığı konsolda yakınlaştırarak ( Ctrl + scroll whell ) kayıt yaparsanız çok daha güzel olur.

Dersleri ilgiyle takip ediyorum.

Teşekkür ederim.

[salihsalih]

7:00'da videoyu durdurup bu yorumu yazıyorum. kaç video seyrettim. Arrow ne ayaktır, niye vardırı doğru düzgün anlatan yoktu. Hiç birini anlamadım. Sizde ise sadece 7 dakika sürdü. Teşekkürler.

[ibrahimhalilacar]

Hocam merhaba bir sorum olacaktı nesne içerisinde oluşturduğunuz fonksiyonun içerisinde setTimeout
oluşturdunuz ve bu setTimeoutun fonksiyonunu ok fonksiyon verip üst fonksiyona normal fonksiyon verdiğinizde üst fonksiyonundan this değerini aldı başka bir örnekte yine nesne oluşturup ayrı ayrı iki fonksiyon verdiğiniz ve yine aynı şekil üstekine normal fonksiyon altdakine ok fonksiyon yaptınız bu sefer
üsteki fonksiyonun this değerini almadı window nesnesine ait this.name ve name değerini döndürdü bunun sebebi setTimeout fonksiyonun diğer fonksiyonun içerisinde mi olması yoksa başka bir nedeni
varmı ?

[omersefaylmaz]

Hocam Github reposunun linkini paylasma sansiniz var mi bulamadim :)