Yükleniyor...

window nesnesi

Dükkânın bir zili var. Bu #bell paragrafıdır ve blank ile başlar. Bu sayfada form yok.
window bu sekmenin nesnesidir. Belge, görüntü alanı genişliği ve düz bir betikteki her var ona asılır. let asılmaz. Sayfa dört şeyi okuyup birleştirir. Satır same / 4 / undefined / number olur.

Bu çay fişi değil

Önceki sayfa boş misafiri ve 1 ile 3 dışında fincan sayısını reddediyordu. Satırı need guest / ok idi. Bu sayfa #guest alanına da #cups alanına da bakmaz. Burada cups bir var’dır, alan değil.
Soru değişti: window üzerinden neye ulaşırsın?

Belge tek

document ikinci kopya değildir. O window.document’tır. window.document ile bulunan zil, document ile bulunan zildir.

Aynı belge

javascript 
let bell = window.document.getElementById("bell");
let also = document.getElementById("bell");
bell.textContent = window.document === document ? "same" : "no";
console.log(bell.textContent);
console.log(bell === also);

Günlük same, sonra true. Bir belge, bir zil.

var pencereye asılır

Bu betikte var cups = 4, window.cups üretir. Okununca sayı 4’tür. String onu yalnız zil için metin yapar.

var’ı window üzerinden oku

javascript 
var cups = 4;
let bell = document.getElementById("bell");
bell.textContent = String(window.cups);
console.log(bell.textContent);

Günlük 4. Bu 4 değişkendir, form alanı değil.

let dışarıda kalır

let kettle = 1 vardır. window özelliği değildir. window.kettle undefined olur ve bunun String’i undefined sözcüğünü üretir.

let window’da değil

javascript 
let kettle = 1;
let bell = document.getElementById("bell");
bell.textContent = String(window.kettle);
console.log(bell.textContent);
console.log(kettle);

Günlük undefined, sonra 1. Çaydanlık duruyor. Yalnız window’a asılı değil.

Genişlik sayıdır

window.innerWidth, görüntü alanının kaç CSS pikseli geniş olduğunu söyler. Bu değerin typeof’u "number" olur. Bir girdinin value’su gibi metin değildir.

Genişlik sayıdır

javascript 
let bell = document.getElementById("bell");
bell.textContent = typeof window.innerWidth;
console.log(bell.textContent);

Günlük number. Piksel sayısı pencereyle değişir. Tür değişmez.

Adresi yazma

window.location.href bu sekmenin adresidir ve metindir. Okumak güvenlidir. Yeni bir adres yazmak sayfadan çıkarır. Hiçbir parça href’e yazmaz.

Dört okuma, form değil

Burada ad kırpılmaz ve aralık sınanmaz. Dört okuma şunlar: belge aynı nesne mi, var, eksik let ve genişliğin türü. String(undefined) undefined sözcüğüdür, boş zil değil.

Zilin altındaki satır

Betik body’nin sonundadır. var cups = 4 ve let kettle = 1 kurar, sonra dört okumayı iter: belge uyuyor mu, window.cups, window.kettle ve typeof window.innerWidth.

Sayfa demosu — dükkân zili

html 
<!DOCTYPE html>
<html>
<head>
<title>shop-bell — page</title>
</head>
<body>
<p id="bell">blank</p>
<p id="line">…</p>
<script>
var cups = 4;
let kettle = 1;
let seen = [];
seen.push(window.document === document ? "same" : "no");
seen.push(String(window.cups));
seen.push(String(window.kettle));
seen.push(typeof window.innerWidth);
document.getElementById("line").textContent = seen.join(" / ");
</script>
</body>
</html>

Satır same / 4 / undefined / number. Belge uydu. var window üzerinde görünüyordu. let görünmüyordu. Genişliğin türü number. blank gitti. need guest / ok önceki sayfadır.

Tezgâhta

  1. window.document ile document’ı karşılaştır. Zil same gösterir.
  2. var cups = 4 kur ve window.cups oku. Zil 4 gösterir.
  3. let kettle = 1 kur ve window.kettle oku. Zil undefined gösterir. kettle hâlâ 1’dir.
  4. typeof window.innerWidth oku. Zil number gösterir.
  5. Sayfa satırını oku: same / 4 / undefined / number.

Tezgâh hataları

Zil bu sözcüklerden birini gösterir, misafir adını değil.

  • window.kettle’ın 1 olmasını beklemek
  • window.cups’ın undefined olmasını beklemek
  • innerWidth’i metin sanmak
  • location.href’e yazıp sayfadan çıkmak
  • Satırı need guest / ok diye okumak

Bunu tut

  • window.document ile document aynı nesnedir
  • var cups = 4, window.cups diye okunur
  • let kettle = 1, window.kettle üretmez
  • typeof window.innerWidth number olur
  • Sayfa satırı same / 4 / undefined / number

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
5
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 55 / 55
Javascript Ders