Objek pada JavaScript ~ KODELOVER

Objek Kehidupan Nyata, Properti, dan Metode
Dalam kehidupan nyata, mobil adalah obyek.
Mobil memiliki sifat seperti berat dan warna, dan metode seperti start and stop:

Object	Properties	Methods
	car.name = Fiat car.model = 500 car.weight = 850kg car.color = white	car.start() car.drive() car.brake() car.stop()

Semua mobil memiliki sifat yang sama, namun nilai properti berbeda dari mobil ke mobil.

Semua mobil memiliki metode yang sama, namun metode dilakukan pada waktu yang berbeda.

Objek JavaScript

Anda telah mengetahui bahwa variabel JavaScript adalah kontainer untuk nilai data.

Kode ini memberikan nilai sederhana (Fiat) ke variabel bernama mobil:

var car = "Fiat";

Objek juga variabel. Tapi benda bisa mengandung banyak nilai.

Kode ini memberikan banyak nilai (Fiat, 500, putih) ke variabel bernama mobil:

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

Nilai ditulis sebagai nama: nilai pasangan (nama dan nilai dipisahkan oleh titik dua).

Catatan Objek JavaScript adalah wadah untuk nilai yang dinamai.

Properti Objek

Nama: nilai pasangan (dalam objek JavaScript) disebut properti.

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

Property	Property Value
firstName	John
lastName	Doe
age	50
eyeColor	blue

Metode Objek
Metode adalah tindakan yang bisa dilakukan pada objek.

Metode disimpan dalam properti sebagai definisi fungsi.

Property	Property Value
firstName	John
lastName	Doe
age	50
eyeColor	blue
fullName	function() {return this.firstName + " " + this.lastName;}

Catatan Objek JavaScript adalah wadah untuk nilai yang dinamai (disebut properti) dan metode.

Definisi Obyek

Anda mendefinisikan (dan membuat) objek JavaScript dengan objek literal:
Contoh

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

Ruang dan jeda baris tidak berpengaruh. Definisi objek dapat mencakup banyak baris:
Contohvar person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

Mengakses Properti Objek

Anda dapat mengakses properti objek dengan dua cara:

objectName.propertyName

atau

objectName["propertyName"]

Contoh1

person.lastName;

Contoh2

person["lastName"];

Mengakses Metode Objek

Anda mengakses metode objek dengan sintaks berikut:

objectName.methodName()

Contoh

name = person.fullName();

Jika mengakses properti fullName, tanpa (), maka akan mengembalikan definisi fungsi:
Contoh

name = person.fullName;

Jangan Menyatakan String, Bilangan, dan Boolean sebagai Objek!

Bila variabel JavaScript dideklarasikan dengan kata kunci "new", variabel tersebut dibuat sebagai objek:

var x = new String(); // Deklarasikan x sebagai objek Stringvar y = new Number(); // Deklarasikan y sebagai objek Number
var z = new Boolean(); // Deklarasikan z sebagai objek Boolean

Hindari String, Number, dan Boolean. karena itu mempersulit kode dan memperlambat kecepatan eksekusi.

KODELOVER

Objek pada JavaScript

Related Post