JavaScript | Day 5 #30DaysOfJavaScript

5thDayOf30DaysJavaScript

P.s. 5 adet veri tip, 3 adet Object tipi bulunan javaScript dilinde veri tiplerini Number, String, Boolean, Undefined, ve Null (bu da bir object’dir). Object tipini ise fonksiyon, dizi, nesne (object)  gibi referanslar oluşturmaktadır.

Fonksiyonların Tanımlanması

function anahtar kelimesinden sonra,

  1. Fonksiyonun adı yazılır
  2. Fonksiyonun aldığı parametreler (parantezler ile çevrili ve virgüller ile birbirinden ayrılmış olmalıdırlar).
  3. Çalıştırılacak JavaScript ifadeleri (süslü parantezler ile çevrilmelidir).
function topla(sayi1, sayi2) {

  var toplam = sayi1 + sayi2;
  return toplam;

}

Eğer bir nesneyi (Array veya bir kullanıcı tanımlı nesne gibi ilkel olmayan değer) fonksiyona parametre olarak geçerseniz, nesne fonksiyon içerisinde kopyalanmadığı için nesne üzerinde yapılan değişiklikler fonksiyon dışında da korunur. Aşağıdaki örneği inceleyelim:

function arabamıDeğiştir(araba) {
  araba.markası = "Toyota";
}

var arabam = {markası: "Honda", modeli: "Accord", yılı: 1998};
var x, y;

x = arabam.markası ; // "Honda" değerini getirir

arabamıDeğiştir(arabam);
y = arabam.markası; // "Toyota" değeri döndürülür
                    // (markası özelliği fonksiyon tarafından değiştirilmiştir)

Fonksiyonları şu iki şekilde çağırabiliriz:

1)

<script>
     Goster();

      function  Goster(){
          window.alert("2021 süperrr geçsin! Tam 30 dk sonra 1 Ocak 2021.");   // saat: 23.30  tarih 31.12.2020
      }fonksiyonu çağ
</script>

2)

<body>
  <div id = "result"></div>
  <button type = "button" onClick ="Hesapla();">Hesapla</button>  // fonksiyonu çağırırken "Hesapla" değil de "Hesapla();" yazdık!

    <script>
          function  Hesapla(sayi1, sayi2, sayi3){
              var x, y, z;
              x = 2;
              y = 3;
              z = (x + y) * 4;
              document.getElementById('result').innerHTML = "Sonuç:" + z;
          }
     </script>

</body>

Nesne (Object) Kullanımı

Nesne içindeki özelliklerden biri metot içinde kullanılacaksa bu özellik this anahtar sözcüğü ile kullanılmalıdır. (this.saatUcreti)

<!DOCTYPE html>
<html>
    <head>
        <title>www.yazilimkodlama.com</title>
        <meta charset="utf-8">
    </head>
<body>
 
<p><u>JavaScript Object Kullanımı</u></p>
 
<p id="bilgi"></p>
<p><b>Araç Detayları</b></p>
<p id="detay"></p>
<p id="tutar"></p>
<script>
var arac={
    marka:"Renault",
    model:"Clio",
    yil:2018,
    renk:"Beyaz",
    yakit:"Dizel",
    saatUcreti:60,
    ucretHesapla:function(saat){
        return saat*this.saatUcreti;
    }
};
 
document.getElementById("bilgi").innerHTML =
arac.marka + " " + arac.model + " model "+arac.yakit+" aracın saatlik kiralama ücreti : "+arac.saatUcreti;
    
document.getElementById("detay").innerHTML=
    "Marka      : "+arac.marka+"<br>"+
    "Model      : "+arac.model+"<br>"+
    "Model Yılı : "+arac.yil+"<br>"+
    "Renk       : "+arac.renk+"<br>"+
    "Yakıt Türü : "+arac.yakit+"<br>"+
    "Saat Ücreti: "+arac.saatUcreti;
    
document.getElementById("tutar").innerHTML="Ödenecek Tutar : "+arac.ucretHesapla(3);
    
</script>
 
</body>

|| ÇIKTI:

Yararlandıklarım:

  1. https://developer.mozilla.org/tr/docs/Web/JavaScript/Guide/Fonksiyonlar
  2. https://www.yazilimkodlama.com/web/javascript-object-nesne-kullanimi/

Yorum bırakın