JS Eğitimi

ANA SAYFA JS Giriş JS Nereye JS Çıktı JS İfadeleri JS Sözdizimi JS Yorumları JS Değişkenleri JS Let JS Sabiti JS Operatörleri JS Aritmetiği JS Ataması JS Veri Türleri JS Fonksiyonları JS Nesneleri JS Etkinlikleri JS Dizeleri JS Dize Yöntemleri JS Dizisi Arama JS Dize Şablonları JS Numaraları JS Numarası Yöntemleri JS Dizileri JS Dizi Yöntemleri JS Dizi Sıralaması JS Dizi Yineleme JS Dizi Sabiti JS Tarihleri JS Tarih Formatları JS Tarih Alma Yöntemleri JS Tarih Ayar Yöntemleri JS Matematik JS Rastgele JS Booleanları JS Karşılaştırmaları JS Koşulları JS Anahtarı JS Döngüsü İçin JS Döngüsü İçin JS Döngüsü JS Döngüsü JS Arası JS Yinelenebilirler JS Setleri JS Haritaları JS Türü JS Tipi Dönüşüm JS Bitsel JS Normal İfade JS Hataları JS Kapsamı JS Kaldırma JS Sıkı Modu Bu Anahtar Kelimeyi JS JS Ok İşlevi JS Sınıfları JS JSON JS Hata Ayıklama JS Stil Kılavuzu JS En İyi Uygulamaları JS Hataları JS Performansı JS Ayrılmış Kelimeler

JS Sürümleri

JS Sürümleri JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Kenar JS Geçmişi

JS Nesneleri

Nesne Tanımları Nesne Özellikleri Nesne Yöntemleri Nesne Görüntüleme Nesne Erişimcileri Nesne Oluşturucuları Nesne Prototipleri Nesne Yinelenebilirler Nesne Kümeleri Nesne Haritaları Nesne Referansı

JS Fonksiyonları

Fonksiyon Tanımları Fonksiyon Parametreleri Fonksiyon Çağırma İşlev Çağrısı İşlev Uygula Fonksiyon Kapanışları

JS Sınıfları

Sınıf Tanıtımı Sınıf Kalıtımı Sınıf Statik

JS Zaman uyumsuz

JS Geri Aramaları JS Asenkron JS Sözleri JS Zaman uyumsuz/Bekliyor

JS HTML DOM'si

DOM Tanıtımı DOM Yöntemleri DOM Belgesi DOM Öğeleri DOM HTML'si DOM Formları DOM CSS'si DOM Animasyonları DOM Olayları DOM Olay Dinleyicisi DOM Gezinme DOM Düğümleri DOM Koleksiyonları DOM Düğüm Listeleri

JS Tarayıcı Malzeme Listesi

JS Penceresi JS Ekranı JS Konumu JS Geçmişi JS Navigatörü JS Açılır Pencere Uyarısı JS Zamanlaması JS Çerezleri

JS Web API'leri

Web API'sine Giriş Web Formları API'sı Web Geçmişi API'si Web Depolama API'sı Web Çalışanı API'si Web Getirme API'sı Web Coğrafi Konum API'sı

JS AJAX

AJAX'a Giriş AJAX XMLHttp AJAX İsteği AJAX Yanıtı AJAX XML Dosyası AJAX PHP AJAX ASP AJAX Veritabanı AJAX Uygulamaları AJAX Örnekleri

JS JSON

JSON'a Giriş JSON Sözdizimi JSON'a karşı XML JSON Veri Türleri JSON Ayrıştırma JSON Stringify JSON Nesneleri JSON Dizileri JSON Sunucusu JSON PHP JSON HTML'si JSON JSONP

JS ve jQuery

jQuery Seçiciler jQuery HTML'si jQuery CSS'si jQuery DOM'si

JS Grafikleri

JS Grafikleri JS Tuval JS Konusu JS Chart.js JS Google Grafiği JS D3.js

JS Örnekleri

JS Örnekleri JS HTML DOM'si JS HTML Girişi JS HTML Nesneleri JS HTML Olayları JS Tarayıcı JS Editörü JS Alıştırmaları JS Testi JS Sertifikası

JS Referansları

JavaScript Nesneleri HTML DOM Nesneleri


JavaScript Nesneleri


JavaScript'te nesneler kraldır. Nesneleri anlarsanız, JavaScript'i anlarsınız.


JavaScript'te neredeyse "her şey" bir nesnedir.

  • Boolean nesneler olabilir ( newanahtar kelimeyle tanımlanmışsa)
  • Sayılar nesne olabilir (anahtar kelime ile tanımlanmışsa new)
  • Dizeler nesne olabilir ( newanahtar kelimeyle tanımlanmışsa)
  • Tarihler her zaman nesnelerdir
  • Matematik her zaman nesnelerdir
  • Normal ifadeler her zaman nesnelerdir
  • Diziler her zaman nesnelerdir
  • Fonksiyonlar her zaman nesnelerdir
  • Nesneler her zaman nesnelerdir

İlkeller dışındaki tüm JavaScript değerleri nesnelerdir.


JavaScript İlkelleri

İlkel değer , hiçbir özelliği veya yöntemi olmayan bir değerdir .

İlkel veri türü , ilkel değeri olan verilerdir .

JavaScript, 5 tür ilkel veri türünü tanımlar:

  • string
  • number
  • boolean
  • null
  • undefined

İlkel değerler değişmezdir (sabit kodlanmıştır ve bu nedenle değiştirilemezler).

x = 3.14 ise, x'in değerini değiştirebilirsiniz. Ancak 3.14 değerini değiştiremezsiniz.

DeğerTipYorum Yap
"Merhaba"sicim"Merhaba" her zaman "Merhaba"dır
3.14numara3.14 her zaman 3.14'tür
doğrubooledoğru her zaman doğrudur
YANLIŞbooleyanlış her zaman yanlıştır
boşboş (nesne)null her zaman null
TanımsızTanımsıztanımsız her zaman tanımsızdır

Nesneler Değişkenlerdir

JavaScript değişkenleri tek değerler içerebilir:

Örnek

let person = "John Doe";

JavaScript değişkenleri ayrıca birçok değer içerebilir.

Nesneler de değişkendir. Ancak nesneler birçok değer içerebilir.

Nesne değerleri ad : değer çiftleri (iki nokta üst üste ile ayrılmış ad ve değer) olarak yazılır.

Örnek

let person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

JavaScript nesnesi, adlandırılmış değerler topluluğudur

constAnahtar kelimeyle nesneleri bildirmek yaygın bir uygulamadır .

Örnek

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};


Nesne Özellikleri

JavaScript nesnelerindeki adlandırılmış değerlere özellikler adı verilir .

Mülk Değer
ilk adı John
Soyadı geyik
yaş 50
göz rengi Mavi

Ad değeri çiftleri olarak yazılan nesneler şuna benzer:

  • PHP'de ilişkisel diziler
  • Python'da sözlükler
  • C'deki karma tablolar
  • Java'da karma haritalar
  • Ruby ve Perl'de Hash'ler

Nesne Yöntemleri

Metotlar, nesneler üzerinde gerçekleştirilebilen eylemlerdir .

Nesne özellikleri hem ilkel değerler hem de diğer nesneler ve işlevler olabilir.

Bir nesne yöntemi , bir işlev tanımını içeren bir nesne özelliğidir .

Mülk Değer
ilk adı John
Soyadı geyik
yaş 50
göz rengi Mavi
Ad Soyad function() {return this.firstName + " " + this.lastName;}

JavaScript nesneleri, özellikler ve yöntemler olarak adlandırılan adlandırılmış değerler için kaplardır.

Sonraki bölümlerde yöntemler hakkında daha fazla bilgi edineceksiniz.


JavaScript Nesnesi Oluşturma

JavaScript ile kendi nesnelerinizi tanımlayabilir ve oluşturabilirsiniz.

Yeni nesneler yaratmanın farklı yolları vardır:

  • Bir nesne değişmezi kullanarak tek bir nesne oluşturun.
  • Anahtar kelime ile tek bir nesne oluşturun new.
  • Bir nesne oluşturucu tanımlayın ve ardından yapılandırılmış türde nesneler oluşturun.
  • kullanarak bir nesne oluşturun Object.create().

Bir Nesne Değişmezi Kullanma

Bu, bir JavaScript Nesnesi oluşturmanın en kolay yoludur.

Bir nesne değişmezi kullanarak, bir ifadede bir nesneyi hem tanımlarsınız hem de yaratırsınız.

Bir nesne değişmezi, {} küme parantezleri içindeki ad:değer çiftlerinin (yaş:50 gibi) bir listesidir.

Aşağıdaki örnek, dört özelliğe sahip yeni bir JavaScript nesnesi oluşturur:

Örnek

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

Boşluklar ve satır sonları önemli değildir. Bir nesne tanımı birden çok satıra yayılabilir:

Örnek

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Bu örnek, boş bir JavaScript nesnesi oluşturur ve ardından 4 özellik ekler:

Örnek

const person = {};
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

JavaScript Anahtar Kelimesini kullanma yeni

Aşağıdaki örnek, kullanarak yeni bir JavaScript nesnesi oluşturur new Object()ve ardından 4 özellik ekler:

Örnek

const person = new Object();
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";

Yukarıdaki örnekler tamamen aynı şeyi yapıyor.

Ama kullanmaya gerek yok new Object().

Okunabilirlik, basitlik ve yürütme hızı için nesne değişmez yöntemini kullanın.


JavaScript Nesneleri Değişkendir

Nesneler değişkendir: Değere göre değil referansa göre adreslenirler.

Kişi bir nesne ise, aşağıdaki ifade kişinin bir kopyasını oluşturmaz:

const x = person;  // Will not create a copy of person.

x nesnesi kişinin bir kopyası değildir . Kişidir . _ Hem x hem de kişi aynı nesnedir.

x'te yapılacak herhangi bir değişiklik kişiyi de değiştirecektir çünkü x ve kişi aynı nesnedir.

Örnek

const person = {
  firstName:"John",
  lastName:"Doe",
  age:50, eyeColor:"blue"
}

const x = person;
x.age = 10;      // Will change both x.age and person.age