Objek JavaScript
Semua dalam JavaScript ialah objek: rentetan, nilai, tatasusunan, fungsi...
Selain itu, JavaScript membenarkan objek tersuai .
Semuanya adalah objek
JavaScript menyediakan berbilang 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 dan ungkapan biasa juga merupakan objek. jenis data khas. Objek mempunyai sifat dan kaedah.
Mengakses sifat objek
Sifat 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!
Mencipta Objek JavaScript
Dengan JavaScript, anda boleh mentakrif dan mencipta objek anda sendiri.
Terdapat dua cara berbeza untuk mencipta objek baharu:
Takrif dan cipta tika objek Gunakan fungsi untuk mentakrif objek dan kemudian buat contoh objek baharu
Buat tika langsung
Contoh ini mencipta tika baharu objek dan menambah empat sifat padanya:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
var person=new Object();
person.firstname="jack";
person.lastname="Doe";
person.age=35;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>
Sintaks alternatif (menggunakan literal objek):
rreee
Gunakan pembina objek
Contoh ini menggunakan fungsi untuk membina objek: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>Dalam JavaScript, ini biasanya menunjuk kepada fungsi yang kami laksanakan sendiri, Atau tuding pada objek yang mempunyai fungsi (masa jalan)
Mencipta Kejadian Objek JavaScript
Setelah anda mempunyai pembina objek, anda boleh mencipta contoh objek baharu, seperti ini:
var myBapa=orang baharu("John","Doe",50,"biru");
var myMother=orang baharu("Sally","Rally",48,"hijau");
Menambah 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;
TASelepas kod di atas dilaksanakan, nilai x ialah:
John
Tambah kaedah pada objek JavaScript
Kaedah tidak lebih daripada fungsi yang dilampirkan pada objek.
Kaedah objek yang ditakrifkan dalam fungsi pembina:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("jack","Doe",35,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>changeName() Nilai nama fungsi diberikan kepada atribut nama akhir orang.
Kelas JavaScript
JavaScript ialah bahasa berorientasikan objek, tetapi JavaScript tidak menggunakan kelas.
Dalam JavaScript, kelas tidak dibuat, begitu juga objek dibuat daripada kelas (seperti dalam bahasa berorientasikan objek lain).
JavaScript adalah berasaskan prototaip, bukan berasaskan kelas.
JavaScript untuk...dalam gelung
JavaScript untuk...dalam gelung pernyataan melalui sifat objek.
Sintaks
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;
}
}Nota: Blok kod dalam gelung untuk...dalam akan dilaksanakan sekali untuk setiap atribut.
bahagian seterusnya