Definisi Objek JavaScript

Kursus yang direkomendasikan:

Dalam JavaScript, objek adalah raja. Jika Anda memahami objek, Anda memahami JavaScript.

  • Dalam JavaScript, hampir "semua hal" adalah objek. String adalah objek (jika menggunakan new
  • Boolean adalah objek (jika menggunakan String adalah objek (jika menggunakan new
  • Angka adalah objek (jika menggunakan String adalah objek (jika menggunakan new
  • Kata kunci definisi)
  • Tanggal selalu adalah objek
  • Aritmatika selalu adalah objek
  • Ekspresi reguler selalu adalah objek
  • Array selalu adalah objek
  • Fungsi selalu adalah objek

Objek selalu adalah objek

Semua nilai JavaScript, kecuali nilai asli, adalah objek.

Nilai asli JavaScriptNilai asli

Merupakan referensi kepada nilai yang tidak memiliki atribut atau metode.Tipe data asli

Merupakan referensi kepada data yang memiliki nilai asli.

  • "Hello"
  • 3.14
  • false
  • false selalu adalah false
  • (object) null selalu adalah null

JavaScript mendefinisikan 5 tipe data asli:

Nilai asli adalah konstan (mereka adalah kode yang keras, jadi tidak dapat diubah).

nilai Jika x = 3.14, Anda dapat mengubah nilai x. Tetapi Anda tidak dapat mengubah nilai 3.14. Tipe
Komentar "Hello" string
"Hello" selalu adalah "Hello" 3.14 number
3.14 selalu adalah 3.14 false true
true selalu adalah true false boolean
false selalu adalah false false selalu adalah false null
(object) null selalu adalah null (object) null selalu adalah null undefined

undefined selalu adalah undefined

Objek adalah variabel yang mengandung variabel

Contoh

Variabel JavaScript dapat mengandung nilai tunggal:

Coba Sendiri

var person = "Bill Gates";

Objek juga adalah variabel. Tetapi objek dapat mengandung banyak nilai.Nilai disusunNama : Nilai

Contoh

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

Coba Sendiri

Objek JavaScript ditulis dalam bentuk pasangan (nama dan nilai dipisahkan dengan tanda titik koma).Nilai yang dinamaikumpulan.

Atribut objek

Nilai yang dinamai di objek JavaScript disebutatribut。

atribut nilai
firstName Bill
lastName Gates
age 62
eyeColor blue

Objek yang ditulis dalam pasangan nama nilai seperti:

  • Array Assosiatif di PHP
  • Dictionari di Python
  • hash table di C
  • hash map di Java
  • hash di Ruby dan Perl

metode objek

Metode adalah aksi yang dapat dieksekusi di atas objekaksi。

Properti objek dapat berupa nilai asli, objek lainnya, dan fungsi.

metode objekberisidefinisi fungsiproperti objek.

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

Objek JavaScript adalah wadah nilai yang disebut atribut dan metode.

Anda akan belajar lebih banyak tentang metode di bab berikutnya.

Menciptakan objek JavaScript

Dengan JavaScript, Anda dapat mendefiniskan dan menciptakan objek sendiri.

Ada berbagai metode untuk menciptakan objek:

  • Mendefiniskan dan menciptakan objek tunggal, menggunakan teks objek literali.
  • Mendefiniskan dan menciptakan objek tunggal, melalui kata kunci new.
  • mengdefiniskan objek konstraktor, lalu menciptakan objek tipe konstraktor.

Dalam ECMAScript 5, objek konstraktor dapat juga ditentukan melalui fungsi Object.create() untuk menciptakan objek.

menggunakan teks objek literali

Ini adalah cara paling sederhana untuk menciptakan objek.

Dengan teks objek, Anda dapat mendefinisikan dan menciptakan objek dalam satu kalimat.

Teks objek adalah tanda kurung kurawal {} dengan nama:nilai pasangan (contoh age:62).

Contoh di bawah ini juga menciptakan objek JavaScript baru dengan empat atribut:

Contoh

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

Coba Sendiri

Spasi dan garis terbalik tidak penting. Definisi objek dapat melintasi beberapa baris:

Contoh

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

Coba Sendiri

menggunakan kata kunci JavaScript new

Contoh di bawah ini juga menciptakan objek JavaScript baru dengan empat atribut:

Contoh

var person = new Object();
person.firstName = "Bill";
person.lastName = "Gates";
person.age = 50;
person.eyeColor = "blue";

Coba Sendiri

dua contoh di atas memiliki hasil yang sama. Tidak perlu menggunakan new Object()。

Dari kepentingan keudahan, bacaan, dan kecepatan eksekusi, gunakan metode pertama (metode teks objek).

Objek JavaScript adalah yang berubah

Objek adalah yang berubah: mereka diarahkan melalui referensi, bukan nilai.

Jika person adalah objek, pernyataan di bawah ini tidak akan membuat salinan person:

var x = person;  // Ini tidak akan membuat salinan person.

Objek x Bukan Salinan person. IniAdalah x dan person adalah objek yang sama.

Setiap perubahan bagi x akan mengubah person, karena x dan person adalah objek yang sama.

Contoh

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"}
var x = person;
x.age = 10;           // Ini akan mengubah keduanya x.age dan person.age

Coba Sendiri

Keterangan:Variabel JavaScript bukan yang berubah. Hanya objek JavaScript seperti ini.