Objek JavaScript

Objek, atribut, dan metode kehidupan nyata

Dalam kehidupan nyata, mobil adalahObjek.

Mobil memiliki seperti berat dan warnaAtributyang memiliki seperti memulai dan berhentiFungsi:

Objek Atribut Fungsi

car.name = porsche

car.model = 911

car.length = 4499mm

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

Seluruh mobil memiliki yang samaAtribut, tetapi nilai atribut berbeda untuk setiap mobil.

Seluruh mobil memiliki yang samaFungsitetapi fungsi akan dieksekusi di waktu yang berbeda.

Objek JavaScript

Anda telah belajar sebelumnya bahwa variabel JavaScript adalah penampung nilai data.

Kode ini menggabungkanNilai tunggal(porsche) diberikan kepada variabel bernama carVariabel:

var car = "porsche";

Coba sendiri

Objek juga adalah variabel. Tetapi objek mengandung banyak nilai.

Kode ini menggabungkanBanyak nilai(porsche, 911, white) diberikan kepada variabel bernama carVariabel:

var car = {type:"porsche", model:"911", color:"white"};

Coba sendiri

Nilai dituliskanNama:NilaiDitulis dalam bentuk: nama:nilai (dimisahkan dengan tanda titik koma).

Objek JavaScript adalahNilai yang disebutPenampung.

Atribut objek

Pemanggilan: nama:nilai yang disebutAtribut.

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
Atribut Nilai atribut
firstName Bill
lastName Gates
age 62
eyeColor blue

Metode objek

Objek juga dapat memilikiFungsi.

Fungsi dieksekusi di atas objekAksi.

Fungsi dieksekusiDefinisi fungsiDisimpan di dalam atribut.

Atribut Nilai atribut
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

Fungsi disimpan sebagai atribut adalah fungsi.

Contoh

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

kata kunci this

Dalam definisi fungsi,this merujuk kepada "pemilik" fungsi.

dalam contoh di atas,this merupakan "memiliki" fungsi fullName. Objek person.

Artinya,this.firstName berarti Objek thisatribut firstName.

Silakan lihat Kata kunci this JSDi bab ini, belajar lebih banyak tentang kata kunci this.

Definisi objek

Kami mendefinisikan (membuat) objek JavaScript:

Contoh

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

Coba sendiri

Spasi dan garis putar adalah diizinkan. Definisi objek dapat melintasi beberapa baris:

Contoh

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
};

Coba sendiri

Mengakses atribut objek

Anda dapat mengakses atribut dengan dua cara:

objectName.propertyName

atau

objectName["propertyName"]

Contoh 1

person.lastName;

Coba sendiri

Contoh 2

person["lastName"];

Coba sendiri

Mengakses metode objek

Anda dapat mengakses metode objek melalui seperti ini sintaks:

objectName.methodName()

Contoh

name = person.fullName();

Coba sendiri

Jika AndaTidak menggunakan () Mengakses metode fullName, maka akan mengembalikanDefinisi fungsi:

Contoh

name = person.fullName;

Coba sendiri

Metode sebenarnya disimpan dalam bentuk nilai atribut definisi fungsi.

Jangan menyatakan string, angka, dan nilai boolean sebagai objek!

Jika menggunkan kata kunci "new" untuk menyatakan variabel JavaScript, variabel tersebut akan dibuat sebagai objek:

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

Dengarkan untuk menghindari objet string, numerik, atau logis. Mereka akan menambah kompleksitas kode dan menurunkan kecepatan eksekusi.

Anda akan belajar lebih banyak tentang objet di bagian belakang tutoriel ini.

Buku luar angkasa

Untuk lebih banyak informasi tentang Objek JavaScriptUntuk pengetahuan lebih lanjut, silakan baca konten yang relevan di tutoriel tingkat lanjut JavaScript:

Teknologi Orientasi Objet ECMAScript
Bagian ini memberikan pengantar tentang istilah-istilah teknologi orientasi objet, persyaratnya bahasa orientasi objet, serta komposisi objet.
Aplikasi Objet ECMAScript
Bagian ini menjelaskan bagaimana mendeklarasikan dan menginstansiasi objet, serta referensi dan konsep penghapusan, serta pengikatan.
Tipe Objet ECMAScript
Bagian ini menjelaskan tiga tipe ECMAScript: objet lokal, objet bawaan, dan objet tuan rumah, serta menyediakan tautan ke panduan referensi yang relevan.
Domaun Objet ECMAScript
Bagian ini menjelaskan daomun ECMAScript serta kata kunci this.
Definisi Klas atau Objet ECMAScript
Bagian ini menjelaskan secara detil berbagai cara untuk membuat objet atau klas ECMAScript.
Modifikasi Objet ECMAScript
Bagian ini menjelaskan bagaimana mengubah objet melalui pembuatan metode baru atau pengedefinian ulang metode yang sudah ada.