En son web geliştirme öğreticiler
 

JavaScript Nesneler


Gerçek Hayat Nesneleri, Özellikleri ve Yöntemler

Gerçek hayatta, bir araba bir nesnedir.

Bir araba ağırlığı ve rengi gibi özellikleri ve başlangıç ve durma gibi yöntemleri vardır:

Nesne Özellikleri Yöntemler

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car. start()

car. drive()

car. brake()

car. stop()

Bütün arabalar aynı özelliklere sahiptir, ancak özellik değerleri arabadan arabaya farklılık göstermektedir.

Bütün arabalar aynı yöntemleri var, ama yöntemler farklı zamanlarda yapılır.


JavaScript Nesneler

Zaten JavaScript değişkenleri veri değerleri için konteynerler olduğunu öğrendik.

Bu kod basit bir değer atar (Fiat) adlı bir değişken arabaya:

var car = "Fiat";
Kendin dene "

Nesneler de değişkenlerdir. Ama nesneleri birçok değer içerebilir.

Bu kod birçok değerleri atar (Fiat, 500, white) adlı bir değişken arabaya:

var car = {type:"Fiat", model:"500", color:"white"};
Kendin dene "

Değer çiftleri (adı ve bir nokta ile ayrılmış değer) değerleri adı olarak yazılır.

JavaScript nesneleri adlandırılmış değerleri için kaplardır.


Nesne Özellikleri

Adı: Değerler çiftleri (in JavaScript objects) özellikler olarak adlandırılır.

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

özellik Mülk değeri
firstName John
lastName Doe
age 50
eyeColor blue

Nesne Yöntemleri

Yöntemler nesneler üzerinde yapılabilir eylemlerdir.

Yöntem fonksiyon tanımları gibi özelliklerin depolanır.

özellik Mülk değeri
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {this.firstName + geri " " + this.lastName;}

JavaScript nesneleri özelliklerine veya yöntemlerine denilen adlandırılmış değerleri için kaplardır.


Nesne Tanımlama

Sen tanımlamak (and create) edebi bir nesneyle bir JavaScript nesnesi:

Örnek

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

Spaces ve satır sonları önemli değildir. Bir nesne tanım çok sayıda satıra yayılabilirler:

Örnek

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

Nesne Özelliklerine Erişim

Iki şekilde nesne özelliklerini erişebilir:

veya

Örnek1
person.lastName;
Kendin dene "

Örnek2

person["lastName"];
Kendin dene "

Nesne Yöntemleri Erişme

Aşağıdaki sözdizimi ile bir nesne erişim yöntemini:

Örnek
name = person.fullName();
Kendin dene "

Eğer erişiyorsanız fullName olmadan mülk () bu işlevi tanımı döndürür:

Örnek

name = person.fullName;
Kendin dene "

Nesne Olarak Dizeleri, Numaraları ve gibi Boolean beyan Etmeyin!

Bir JavaScript değişken anahtar sözcüğüyle bildirilirse zaman "new" , değişken bir nesne olarak oluşturulur:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

String, Number ve Boolean nesneleri kaçının. Onlar kodunuzu zorlaştırmak ve yürütme hızını yavaşlatır.

Daha sonra bu eğitimde nesneler hakkında daha fazla bilgi edineceksiniz.


Egzersizleri ile Yourself test edin!

Egzersiz 1 » Alıştırma 2» Egzersiz 3 »