Analisis mendalam tentang konsep objek dalam pengaturcaraan JavaScript_Pengetahuan asas

Semua dalam JavaScript ialah objek: rentetan, nombor, tatasusunan, fungsi...
Selain itu, JavaScript membenarkan objek tersuai.
Semuanya adalah objek
JavaScript menyediakan beberapa objek terbina dalam, seperti String, Date, Array, dsb. Objek hanyalah jenis data khas dengan sifat dan kaedah.

• Jenis Boolean boleh menjadi objek
• Jenis nombor boleh menjadi objek
• Rentetan juga boleh menjadi objek
• Tarikh ialah objek
• Matematik dan ungkapan biasa juga merupakan objek
• Susun atur ialah objek
• Fungsi pun boleh jadi objek

Objek JavaScript

Objek hanyalah jenis data yang istimewa. Objek mempunyai sifat dan kaedah.
Mengakses sifat objek
Atribut ialah nilai yang dikaitkan dengan objek.
Sintaks untuk mengakses sifat objek ialah:

objectName.propertyName

Contoh ini menggunakan sifat panjang objek String untuk mendapatkan panjang rentetan:

var message="Hello World!";
var x=message.length;

Selepas kod di atas dilaksanakan, nilai x ialah:

12

Kaedah untuk mengakses objek
Kaedah ialah tindakan yang boleh dilakukan pada objek.
Anda boleh memanggil kaedah dengan sintaks berikut:

objectName.methodName()

Contoh ini menggunakan kaedah toUpperCase() objek String untuk menukar teks kepada huruf besar:

var message="Hello world!";
var x=message.toUpperCase();

Selepas kod di atas dilaksanakan, nilai x ialah:

HELLO WORLD!

Buat objek JavaScript
JavaScript membolehkan anda mentakrif dan mencipta objek anda sendiri.
Terdapat dua cara berbeza untuk mencipta objek baharu:

1. Takrif dan cipta tika objek
2. Gunakan fungsi untuk mentakrifkan objek dan kemudian buat kejadian objek baharu

Buat contoh langsung
Contoh ini mencipta tika baharu objek dan menambah empat sifat padanya:
Contoh

person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";

Sintaks alternatif (menggunakan literal objek):
Contoh

person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"};

Gunakan pembina objek
Contoh ini menggunakan fungsi untuk membina objek:
Contoh

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

Dalam JavaScript, ini biasanya menunjukkan kepada fungsi itu sendiri yang sedang kita laksanakan, atau kepada objek yang dimiliki oleh fungsi itu (masa jalan)
Buat contoh objek JavaScript
Sebaik sahaja anda mempunyai pembina objek, anda boleh mencipta contoh objek baharu seperti ini:

var myFather=new person("John","Doe",50,"blue");
var myMother=new person("Sally","Rally",48,"green");

Tambahkan sifat pada objek JavaScript
Anda boleh menambah sifat baharu pada objek sedia ada dengan memberikan nilai pada objek:
Dengan mengandaikan personObj sudah wujud - anda boleh menambah sifat baharu ini padanya: nama pertama, nama keluarga, umur dan warna mata:

person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";

x=person.firstname;

Selepas kod di atas dilaksanakan, nilai x ialah:

John

Tambah kaedah pada objek JavaScript
Kaedah tidak lebih daripada fungsi yang dilampirkan pada objek.
Tentukan kaedah objek di dalam fungsi pembina:

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;

this.changeName=changeName;
function changeName(name)
{
this.lastname=name;
}
}

changeName() Nilai nama fungsi diberikan kepada atribut nama akhir orang.
Kini anda boleh mencubanya:

myMother.changeName("Doe");