Sıfırdan İleriye Javascript #9 Scope Kavramı ve Objeler

DarkS0LDIER

Deneyimli Moderatör
5 Ara 2019
1,797
436
Sydney



Yeni bir sıfırdan ileriye Javascript konusuna hoş geldiniz. Bugün objeleri işleyeceğiz. Objeler oldukça sık kullanılan ve işimize yarayan kavramlardan bir tanesidir ama direkt objelere geçmeden scope kavramını öğrenmekte fayda var. İyi okumalar.

cxun73h.png

Scope Nedir ?


Scope bir değişkenin içerdiği bölüm diyebiliriz. Scope iki türlüdür.

Küresel
Yerel

Küresel değişkenler her yerde çağrılırken yerel değişkenler sadece ait olduğu kapsama alanında çağırılır. Örneğin :
JavaScript:
let kureselDegisken = 1;


function yerel(){
let yerelDegisken = 1;
}


Mesela küresel değişkeni her yerde kullanabilirken yerel değişkeni sadece o fonksiyonun içinde kullanabiliriz. Hepimiz for döngülerini biliyoruz. Döngüyü kurarken let i = 0; değeri kullanırız o da bir yerel değişkendir. Sadece for parantezleri içinde kullanılır. Scope kavramını bildiğimize göre ana konumuza geçebiliriz.

cxun73h.png

Objeler


Objeler, aynı diziler gibi birden çok veriyi tek bir yerde tutmaya işe yarar ama objelerin en büyük farkı ise kendi içinde farklı değişkenler tanımlamamıza olanak sağlar. Mesela insan objesinin içine yaş, ad, kilo, boy, vs. istediğiniz kadar değişken tanımlayabilirsiniz. Bu değişkenler o objenin içinde geçerli olan yerel değişkenler olacaktır. Örnek bir obje tanımlayalım
JavaScript:
const kisi = {
  ad: 'dark',
  soyad: 's0ldier',
  yas: 2019,
  yetenekler: [
    'HTML',
    'CSS',
    'JavaScript',
  ]
}
console.log(kisi)
WZbq9H.png


WZb2Nc.png


Burada tüm değerleri alabiliriz. Bir bazen bize bir objenin içindeki tüm değerler değil de sadece bir değer lazım oluyor mesela kişinin maaşı 1000 tl'den büyükse xxx yap tarzı işlemlerde this.obje değişkeni değeri kullanarak sadece hedefteki değişkeni alırız.

JavaScript:
const kisi = {
  ad: 'dark',
  soyad: 's0ldier',
  yas: 2019,
  yetenekler: [
    'HTML',
    'CSS',
    'JavaScript',
  ],


adAl: function() {
    return `${this.ad}${this.soyad}`
  },


}
console.log(kişi.adAl())

WZeMAj.png


WZeZSn.png


Böylece obje içine sadece istediğimiz değerleri veren bir fonksiyon tanımladık

cxun73h.png

Objeleri Manipüle Etme


Bazı zamanlar objelerdeki değerleri değiştirmemiz gerekebilir. Bu gibi durumlarda birkaç metot kullanırız. Gelin bunlara bakalım şimdi

Object.sign


Object.sign, orijinal değişkeni değiştirmeden kopyalamaya işe yarar.


JavaScript:
const kisi = {
  ad: 'dark',
  soyad: 's0ldier',
  yas: 2019,
  yetenekler: [
    'HTML',
    'CSS',
    'JavaScript',
  ]
}
const kopya = Object.assign({}, kisi)
console.log(kopya)

Object.keys()


Object.keys, objelerin key değerini alır.

Object.values()


Object.values, bir değeri dizi olarak alır

Object.entries()


Object.entries, hem key hem de value değerlerini gösterir

Tebrikler bir ders daha bitti. Objeler çok önemli bir konu olduğunu söyleyebilirim ama konunun son kısımını ben neredeyse hiç kullanmadım ama yine de bilmekte fayda var. Başka bir konuda görüşmek üzere

cxun73h.png
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.