Javascript Programlama 2023-2024 Final Soruları

1. Klavye olayları aşağıdaki hangi sırada gerçekleşir?

A) onkeydown – onkeyup – onkeypress
B) onkeydown – onkeypress – onkeyup
C) onkeyup – onkeypress – onkeydown
D) onkeypress – onkeydown – onkeyup
E) onkeypress – onkeyup – onkeydown

Cevap : B) onkeydown – onkeypress – onkeyup

Açıklama : JavaScript’te klavye ile ilgili olaylar sırasıyla keydown, ardından keypress ve en son keyup şeklinde tetiklenir.

2. Aşağıdaki şıkların hangisinde verilen JavaScript dizi örneği yanlıştır veya dizi değildir?

A) let numbers = [1, 3, “beş”, 7, 9];
B) const sayilar = [3, 8, 7, -6, 9, undef ined];
C) let bolumler = new Array(“Web Tasarımı ve Kodlama”, “Bilgisayar Programcılığı “, “Grafik Tasarımı”, true);
D) let meyveler = [“Elma”, “Armut”, “Kira z”, null];
E) let fakulteler = { İKT: “İktisat”, İŞL : “İşletme”, EDB: “Edebiyat”, AUZ: “Aç ık ve Uzaktan Eğitim Fakültesi” };

Cevap : E) let fakulteler = { … }

Açıklama : E şıkkındaki tanımlama bir nesne (object) tanımlamasıdır, dizi (array) değildir. B şıkkında küçük bir yazım hatası olsa da (undef ined) niyet olarak diziye benzer; esasen E şıkkı kesinlikle dizi yapısı değildir.

3. Aşağıdaki JavaScript koduna göre konsolda hangi değer çıktılanır?

let x = -1;
let y = 2;
let result = "!";

if (x * x < y % 2) { 
  result = "?";
} else if (2 * x == -y) { 
  result = "*";
} else if (y / 2 == -x) { 
  result = "&";
} else {
  result = "%";
}
console.log(result);

A) *
B) ?
C) %
D) &
E) !

Cevap : A) *

Açıklama : x = -1, y = 2 iken 2 * x == -y (yani -2 == -2) koşulu sağlandığı için result = “*” olarak atanır.

4. Aşağıdaki fonksiyonun istenen çıktıyı vermesi için doğru çağrımı hangisidir?

function Dizgelestir(bolum, fakulte, dil = "İngilizce", yil = 2) { 
  document.write(fakulte + " Fakültesi " + bolum + " Bölümü " + yil + 
                 " yıllıktır ve " + dil + " eğitim verir.");
}

İstenen çıktı: “Fen Fakültesi Fizik Bölümü 4 yıllıktır ve Türkçe eğitim verir.”

A) Dizgelestir(“Fen”, “Fizik”, 4, “Türkçe”);
B) Dizgelestir(“Fizik”, “Fen”, “Türkçe”, 4);
C) Dizgelestir(“Fizik”, “Fen”, 4);
D) Dizgelestir(“Fizik”, “Fen”, 4, “Türkçe”);
E) Dizgelestir(“Fen”, “Fizik”, “Türkçe”, 4);

Cevap : B) Dizgelestir(“Fizik”, “Fen”, “Türkçe”, 4)

Açıklama : Fonksiyon imzası (bolum, fakulte, dil, yil) şeklindedir. “Fizik” = bolum, “Fen” = fakülte, “Türkçe” = dil, 4 = yıl olarak sıralanmalıdır.

5. Dokümanda bir elemanı sınıf ismine göre seçmek için kullanılan metod aşağıdakilerden hangisidir?

A) document.getElementsByName()
B) document.getElementsByClassName()
C) document.getElementsByClass()
D) document.getByClassName()
E) document.getByClass()

Cevap : B) document.getElementsByClassName()

Açıklama : Bir veya daha fazla sınıf adı (class) ile tanımlanan HTML öğelerine ulaşmak için getElementsByClassName metodu kullanılır.

6. Aşağıdaki JavaScript kodlarının ekran çıktısı hangi seçenekte doğru verilmiştir?

let sayilar = [1, 2, 3];
for (let sayi in sayilar) {
  document.write(sayi);
}

A) 111
B) 0
C) 012
D) 123
E) Kod hata verir.

Cevap : C) 012

Açıklama : for…in döngüsü, dizinin indislerini döner. Bu örnekte 0, 1 ve 2 değerleri yazdırılır; yani ekranda “012” görünür.

7. Aşağıdaki if / else senaryosu hangi yapıyla ifade edilmelidir?

Senaryo:
– Eğer hava güneşli ise: Şort ve tişört seç.
– Eğer hava bulutlu ise: Kot pantolon ve hırka seç.
– Değilse: Mont ve şemsiye al.

A) if-try-return
B) try-else-if
C) else if-else-else if
D) if-if-else
E) if-else if-else

Cevap : E) if-else if-else

Açıklama : Birden çok koşul durumunda if-else if-else yapısı tercih edilir. İlk durum güneşli, değilse bulutlu, o da değilse yağmurlu senaryosu en uygun şekilde böyle yazılır.

8. Aşağıdaki JavaScript kodu çalıştırıldığında konsol çıktısı ne olacaktır?

let a = 1;
let b = 2;
let islem = ++a - b++ - 2 * a * b;
console.log(islem);

A) -11
B) -2
C) -13
D) -12
E) -3

Cevap : D) -12

Açıklama :
– ++a ile a önce 2 olur.
– b++ ifadesinde b işlem sırasında 2 kullanılır, sonrasında b = 3 olur.
– Aradaki fark: 2 – 2 = 0. Daha sonra 2*a*b (a=2, b=3) = 12.
– 0 – 12 = -12

9. Aşağıdaki JavaScript kodu 1-50 arası üçe bölünmeyen sayıları ekrana çıktılamak için … kısmına ne getirilmelidir?

let i = 1;
while (i <= 50) {
  if (i % 3 === 0) {
    i++;
    ...; // Boşluk
  }
  console.log(i);
  i++;
}

A) continue;
B) –i;
C) i -= 10;
D) break;
E) return;

Cevap : A) continue;

Açıklama : continue, döngünün o turunun geri kalanını atlayıp bir sonraki döngü turuna geçilmesini sağlar. Bu sayede 3’e bölünen sayılar console.log() ile yazdırılmadan geçilir.

10. JavaScript dizilerle ilgili aşağıdaki şıklardan hangisi yanlıştır?

A) Dizilerin eleman sayısının baştan belirtilmesi zorunludur.
B) Dizi elemanı başka bir dizi olabilir.
C) Dizide ilk elemanın indis numarası sıfırdır.
D) Dizide olmayan bir indise erişilmeye çalışıldığında kod hata vermez.
E) Dizilerin elemanları farklı veri tiplerinde olabilir.

Cevap : A) Dizilerin eleman sayısının baştan belirtilmesi zorunludur.

Açıklama : JavaScript’te dizi boyutu dinamik olarak ayarlanır. Sabit bir boyut belirtme zorunluluğu yoktur. Diğer şıklar doğru veya mümkündür.

11. Web teknolojisi ve web sayfalarıyla ilgili aşağıda verilen şıklardan hangisi doğrudur?

A) Web sayfaları, kullanıcı verisi ve diğer dosyalar HTTP protokolü ile sunucu-istemci arasında transfer edilir.
B) Web sayfalarındaki JavaScript kodunun çalışması için her sisteme veya platforma özel JavaScript derleyicisinin kurulması gerekir.
C) Sunucu-istemci arasında transfer yapılabilmesi için istemci bilgisayarın ve sunucunun aynı lokasyonda olması gerekir.
D) Web sayfasının yapısını oluşturmak için CSS dili kullanılır.
E) HTML ve JavaScript kodları sunucuda yorumlanırlar.

Cevap : A) Web sayfaları … HTTP protokolü ile transfer edilir.

Açıklama : HTTP protokolü, istemci (tarayıcı) ve sunucu arasındaki veri alışverişinde kullanılır. Diğer şıklar yanlış veya eksik bilgilere dayanmaktadır.

12. Oninvalid form olayının açıklaması aşağıdaki şıkların hangisinde verilmiştir?

A) Bir elemanın içeriği yanlış girildiğinde tetiklenir.
B) Bir eleman geçersiz olduğunda tetiklenir.
C) Elemandan kontrol alındığı anda tetiklenir.
D) Elemana kontrol verildiği anda tetiklenir.
E) Bir eleman gizlendiğinde tetiklenir.

Cevap : B) Bir eleman geçersiz olduğunda tetiklenir.

Açıklama : oninvalid, form alanının geçersiz (invalid) olarak algılandığı anda devreye girer.

13. Aşağıdaki JavaScript kodunun konsol çıktısı hangisidir?

let sayilar = [-4, 0, 4, -3, 9.8, 58, 34];
console.log(sayilar.indexOf(3));

A) undefined
B) -4
C) -1
D) 0
E) -3

Cevap : C) -1

Açıklama : indexOf(3), dizide tam olarak 3 değeri olmadığı için -1 döndürür.

14. Aşağıdaki olaylardan hangisi kullanıcı sayfadan ayrıldığında tetiklenir?

A) onpageshow
B) onunload
C) onhide
D) ondocumenthide
E) onpagehide

Cevap : E) onpagehide (auzef kitapçıktaki cevap)

Açıklama : (tartışmalı gibi)

Klasik ve yaygın cevabı: onunload

• “onpagehide” daha çok, sayfanın oturum geçmişi (bfcache) üzerinden saklanması veya yeniden görünür olması durumunda tetiklenir.

• Çoğu müfredatta ve ders kitabında “sayfadan ayrılma” dendiğinde onunload cevabı benimsenir.

• onunload olayı, kullanıcı sayfayı kapattığında veya başka bir sayfaya yönlendiğinde (tarayıcının pencere/sekme kapanması ya da yönlendirme) tetiklenen klasik JavaScript olayıdır.

• onpagehide, HTML5 ile gelen, daha çok “sayfa arka planda gizlendiğinde veya bfcache (back-forward cache) devreye girdiğinde” kullanılan bir olaydır. Uygulamalarda sayfa, tamamen kapanmasa da “görünür olmaktan çıktığında” da tetiklenebilir.

• Ders kitaplarında ve sınavlarda “kullanıcı sayfadan ayrıldığında” genellikle onunload cevabı doğru kabul edilir. “onpagehide” yanlış sayılmaz ama klasik sınav formatında beklenen cevap çoğunlukla onunload olur.

15. DOM ile dokümanda bir elemanın görünürlüğünü gizlemek ve onun için ayrılan alanı saklamak için hangi kod satırı kullanılır?

A) element.style.display = ‘block’;
B) element.style.visibility = ‘visible’;
C) element.style.visibility = ‘inherit’;
D) element.style.visibility = ‘hidden’;
E) element.style.display = ‘none’;

Cevap : D) element.style.visibility = ‘hidden’; (auzef soru kitapçığına göre cevap)

Açıklama :(tartışmalı)

display = ‘none’, hem içeriği hem de kapladığı alanı gizler. visibility = ‘hidden’ ise elemanı görünmez yapar ama alandaki boşluk kalır.

• display: none elemanı tamamen görünmez yapar ve sayfa düzeninden (DOM akışından) çıkarır; dolayısıyla kapladığı alan da yok olur.

• visibility: hidden elemanı görünmez yapar fakat ilgili alan (boyut) DOM düzeninde korunur.

• Soru metninde “…görünürlüğünü gizlemek ve onun için ayrılan alanı saklamak…” ifadesi geçiyorsa display = ‘none’ kesinlikle doğru cevaptır. visibility: hidden soruda istenen etkiyi tam karşılamaz.

16. JavaScript diliyle ilgili aşağıda verilen bilgilerden hangisi yanlıştır?

A) JavaScript dili çeşitli Nesneye Yönelik Programlama prensiplerini destekler.
B) JavaScript kodları HTML dosyasında <script> </script> etiketleri arasında verilebilir.
C) JavaScript kodlarının çalışması için sisteme EcmaScript platformunun kurulması gereklidir.
D) Harici bir JavaScript kaynak kod dosyası <script src=”dosya.js”></script> deyimiyle HTML sayfasına eklenebilir.
E) JavaScript diliyle ön uç, arka uç ve mobil programlama yapılabilir.

Cevap : C) JavaScript kodlarının çalışması için sisteme EcmaScript platformunun kurulması gereklidir.

Açıklama : Tarayıcılarda JavaScript motoru zaten mevcuttur; ayrıca bir platform kurulumuna gerek yoktur. Diğer şıklar doğrudur veya yapılabilir.

17. Aşağıdaki kod çalıştırıldığında konsola hangi değer yazılır?

let yillar = [2024, 2022, 2020, 2000];
let sayilar = [...yillar, 20, 19];
delete sayilar[3];
console.log(sayilar[4]);

A) 2000
B) 2022
C) 19
D) 2020
E) 20

Cevap : E) 20

Açıklama : sayilar dizisi başlangıçta [2024, 2022, 2020, 2000, 20, 19] olur. delete sayilar[3] ile 3. indis (2000) silinir. Bu silinen yerde empty/undefined kalır. Dolayısıyla sayilar[4] = 20 olur.

18. JavaScript ok fonksiyonları ile ilgili aşağıda verilen şıklardan hangisi yanlıştır?

A) Ok fonksiyonları, ES6 (ECMAScript 2015) ile birlikte JavaScript’te tanıtılan bir özelliktir.
B) Ok fonksiyonları => ile tanımlanır.
C) Ok fonksiyonlarının söz diziminde function anahtar kelimesi kullanılmaz.
D) Ok fonksiyonları sadece tek bir parametre alabilir.
E) Ok fonksiyonlarının geri değer döndürmesi için return anahtar kelimesinin kullanılması zorunlu değildir.

Cevap : D) Ok fonksiyonları sadece tek bir parametre alabilir.

Açıklama : Ok fonksiyonları (arrow functions) birden çok parametre alabilir. Diğer şıklardaki bilgiler doğrudur.

19. Aşağıdaki şıklarda verilenlerden hangisi DOM bileşeni değildir?

A) node (eleman)
B) text (metin)
C) browser (tarayıcı)
D) attribute (özellik)
E) document (döküman)

Cevap : C) browser (tarayıcı)

Açıklama : DOM (Document Object Model) node, text, attribute, document gibi bileşenlerden oluşur. browser (tarayıcı), DOM’un bir parçası değil tarayıcının kendisidir.

20. Aşağıdaki JavaScript kodu çalıştırıldığında hangi değer çıktılanır?

function kdvHesapla(fiyat, kdv = 0.18) {
  kdv = 0.15;
  return fiyat * kdv + fiyat;
}
kdvliFiyat = kdvHesapla(100, 0.1);
document.write(kdvliFiyat);

A) 110
B) 118
C) 100
D) 115
E) JavaScript kodu hata verir.

Cevap : D) 115

Açıklama : Fonksiyona 0.1 değeri gönderilse bile içeride kdv = 0.15 olarak yeniden atanır. Bu nedenle işlem 100 * 0.15 + 100 = 15 + 100 = 115 sonucunu verir.