Yeni bir sıfırdan ileriye Javascript konusuna hoş geldiniz. Geçen dersteki zorluktan dolayı direkt dom yapısını geçip karışık kafaları daha da karıştırmamak adına bu bölüm biraz teorik ve kolay konulara bakalım. Bu konudan sonra Javascriptin en önemli konusu olan DOM yapılarına başlarız.
İlk olarak sizleri Closure ile tanıştarayim. Closure dediğimiz şey aslında kısaca fonksiyon içerisinde fonksiyon tanımlayıp çağırmak diyebiliriz.Eğer fonksiyon içindeki fonksiyonlar dış fonksiyonlara ulaşabiliyorsa buna closure deriz. Şimdi bunu kod üzerinde görelim.
İlk olarak sizleri Closure ile tanıştarayim. Closure dediğimiz şey aslında kısaca fonksiyon içerisinde fonksiyon tanımlayıp çağırmak diyebiliriz.Eğer fonksiyon içindeki fonksiyonlar dış fonksiyonlara ulaşabiliyorsa buna closure deriz. Şimdi bunu kod üzerinde görelim.
Kod:
function disFonk() {
let sayac = 0;
function icFonk() {
sayac++
return sayac
}
return icFonk
}
const icFonk = disFonk()
console.log(icFonk())
console.log(icFonk())
console.log(icFonk())
Bu kodda ilk olarak bir dış fonksiyon oluşturup içinde 0 değeri olan bir sayaç oluşturduk. Daha sonra iç fonksiyonla sayacı her çağırdığımız 1 arttırıp geri dönmesini istedik daha sonra icFonk ile disFonk eşitledik ki sonuçlar aynı olsun. Daha sonra istediğimiz kadar dış fonksiyona bağımlı olmadan içteki fonksiyonu çağırdık
JavaScript:
function disFonk() {
let sayac = 0;
function arttir() {
sayac++
return sayac
}
function azalt() {
sayac--
return azalt
}
return {
arttir:arttir(),
azalt:azalt()
}
}
const icFonk = disFonk()
console.log(icFonk.arttir)
console.log(disFonk.azalt)
Böylece istediğimiz fonksiyonu kullanabileceğiz. (Arttırma - azaltma) Konu kısa bir ve kolay konu DOM öncesi son konsol işlerini burada yaptık bundan sonraki örnekleri artık daha somut bir şekilde göreceğiz. Başka bir konuda buluşmak dileğiyle
