tutorial pengembangan web terbaru
 

JavaScript benda


Real Life Objects, Properties, dan Metode

Dalam kehidupan nyata, mobil adalah obyek.

Sebuah mobil memiliki sifat seperti berat badan dan warna, dan metode seperti awal dan berhenti:

Obyek properti metode

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, tetapi nilai-nilai properti berbeda dari mobil ke mobil.

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


Objek JavaScript

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

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

var car = "Fiat";
Cobalah sendiri "

Objek adalah variabel juga. Tapi benda dapat berisi banyak nilai.

Kode ini memberikan banyak nilai (Fiat, 500, white) untuk variabel bernama mobil:

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

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

Objek JavaScript adalah kontainer untuk nilai bernama.


obyek Properti

Nama: nilai pasangan (dalam objek JavaScript) yang disebut sifat.

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

Milik Nilai properti
firstName John
lastName Doe
age 50
eyeColor blue

Metode objek

Metode adalah tindakan yang dapat dilakukan pada objek.

Metode disimpan dalam sifat sebagai definisi fungsi.

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

objek JavaScript adalah kontainer untuk nilai bernama disebut sifat atau metode.


objek Definisi

Anda mendefinisikan (dan menciptakan) sebuah objek JavaScript dengan objek literal:

Contoh

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

Spasi dan jeda baris yang tidak penting. Definisi objek dapat span beberapa baris:

Contoh

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

Mengakses Object Properti

Anda dapat mengakses properti obyek dalam dua cara:

objectName.propertyName

atau

objectName["propertyName"]

example1

person.lastName;
Cobalah sendiri "

example2

person["lastName"];
Cobalah sendiri "

Mengakses Metode Object

Anda mengakses metode objek dengan sintaks berikut:

objectName.methodName()

Contoh

name = person.fullName();
Cobalah sendiri "

Jika Anda mengakses fullName properti, tanpa () , itu akan kembali definisi fungsi:

Contoh

name = person.fullName;
Cobalah sendiri "

Jangan Menyatakan String, Numbers, dan boolean sebagai Benda!

Ketika variabel JavaScript dinyatakan dengan kata kunci "new" , variabel yang dibuat sebagai objek:

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

Hindari String, Number, dan benda-benda Boolean. Mereka menyulitkan kode Anda dan memperlambat kecepatan eksekusi.

Anda akan belajar tentang obyek nanti dalam tutorial ini.


Uji Diri dengan Latihan!

Latihan 1 » Latihan 2» Latihan 3 »