Membantu Anda mendapatkan objek JavaScript

Cara cepat memulai VUE3.0: Masuk ke pembelajaran

Rekomendasi terkait: Tutorial JavaScript

1. Konstruktor

Mengapa menggunakan konstruktor

Apa itu konstruktor: Ini adalah cara lain untuk membuat objek dalam JavaScript.

Berbeda dengan pembuatan objek menggunakan metode literal: Konstruktor dapat membuat beberapa objek dengan karakteristik yang sama.

Contoh: Membuat objek apel, pisang, dan jeruk melalui konstruktor buah. Ciri khasnya adalah semua objek tersebut dibuat berdasarkan template yang sama, dan setiap objek memiliki ciri khasnya masing-masing.

Ciri-ciri dan kelebihan membuat objek menggunakan metode literal

• : kesederhanaan dan fleksibilitas.

• Kerugian: Saat Anda perlu membuat sekumpulan objek dengan karakteristik yang sama, Anda tidak dapat menentukan melalui kode anggota mana yang harus memiliki kesamaan antara objek-objek tersebut.

• Cara mengimplementasikan template dalam bahasa pemrograman berorientasi objek adalah dengan menggunakan kelas untuk membuat template dan mengimplementasikan objek yang berbeda (instance dari kelas) berdasarkan template tersebut.

• Metode 1 untuk mengimplementasikan templat dalam JavaScript: melalui fungsi pabrik, yang membuat objek menggunakan literal "{ }" di dalamnya. Kerugiannya adalah jenis objek tidak dapat dibedakan.

• Cara 2 untuk mengimplementasikan template dalam JavaScript: membuat objek melalui konstruktor.

Konstruktor bawaan JavaScript

Sebelum mempelajari cara menyesuaikan konstruktor, pertama-tama mari kita lihat cara menggunakan konstruktor bawaan JavaScript.

• Konstruktor bawaan yang umum: Objek, String, Angka, dan konstruktor lainnya.
• Bagaimana konstruktor membuat objek: nama konstruktor baru ().
• Apa itu Instansiasi dan Instance: Orang terbiasa menyebut proses pembuatan suatu objek dengan menggunakan kata kunci new sebagai Instansiasi, dan objek yang diperoleh setelah Instansiasi disebut Instance dari Konstruktor.

• Properti "object.constructor" menunjuk ke konstruktor objek.
• Saat dikeluarkan melalui console.log(), [kode asli] menunjukkan bahwa kode fungsi tersebut sudah ada di dalamnya.

konstruktor khusus

: Bagaimana cara menyesuaikan konstruktor?

• Disarankan untuk menggunakan aturan penamaan Pascal untuk memberi nama konstruktor, yaitu menggunakan huruf kapital pada huruf pertama dari semua kata.
• Di dalam konstruktor, gunakan ini untuk mewakili objek yang baru saja dibuat.

Perhatikan bahwa

ketika mempelajari JavaScript, pemula sering kali dibingungkan oleh beberapa istilah serupa, seperti fungsi, metode, konstruktor, konstruktor, konstruktor, dll.

Faktanya, semuanya dapat disebut fungsi secara kolektif, namun memiliki nama berbeda dalam skenario penggunaan berbeda. Berdasarkan konvensi, fungsi yang didefinisikan dalam suatu objek disebut metode objek.

Sedangkan untuk konstruktor, sebagian orang terbiasa menyebutnya konstruktor atau konstruktor. Kita hanya perlu memahami bahwa nama-nama tersebut merujuk pada hal yang sama.

kata kunci class baru di ES6

• tidak tersedia sebelum ES6: untuk menyederhanakan kesulitan.

• Alasan penambahan: Dengan berkembangnya teknologi front-end Web, beberapa orang yang awalnya terlibat dalam pengembangan back-end beralih ke front-end. Untuk membuat JavaScript lebih dekat dengan sintaks beberapa bahasa back-end sehingga pengembang dapat beradaptasi lebih cepat.

• Peran kata kunci kelas: digunakan untuk mendefinisikan kelas.

• Fitur: Metode konstruktor konstruktor dapat didefinisikan di kelas.

Perhatikan bahwa

sintaksis kelas pada dasarnya adalah gula sintaksis, dan hanya dirancang untuk memfasilitasi penggunaan pengguna. Efek yang sama dapat dicapai tanpa menggunakan sintaksis ini, seperti konstruktor yang dipelajari sebelumnya. Jika browser pengguna tidak mendukung sintaksis ini, metode ini tidak disarankan.

anggota privat

: Dalam konstruktor, variabel yang didefinisikan menggunakan kata kunci var disebut anggota privat.

Fitur: Setelah objek instance, tidak dapat diakses melalui "object.member", tetapi anggota pribadi dapat diakses dalam metode anggota objek.

Fitur: Nama anggota pribadi mencerminkan enkapsulasi berorientasi objek.

2. Objek bawaan Objek

string

• meninjau pembuatan data karakter: menggunakan sepasang tanda kutip tunggal atau tanda kutip ganda.
• Mengapa data karakter dapat digunakan seperti objek?

Ini karena objek-objek ini sebenarnya adalah turunan dari konstruktor String, yaitu objek String.

• Objek String menyediakan beberapa properti dan metode untuk memproses string.

Perhatikan

bahwa ketika beroperasi pada sebuah string, hasil pemrosesan dikembalikan secara langsung melalui nilai kembalian metode dan tidak mengubah konten string yang disimpan dalam objek String itu sendiri. Pada parameter metode ini, posisi adalah nilai indeks, dimulai dari 0, nilai indeks karakter pertama adalah 0, dan nilai indeks karakter terakhir adalah panjang string dikurangi 1.

Ambil contoh membatasi panjang nama pengguna menjadi 3 hingga 10 dan tidak mengizinkan kata sensitif admin digunakan untuk demonstrasi.

Objek angka Objek angka

digunakan untuk memproses bilangan bulat, bilangan floating point, dan nilai numerik lainnya. Properti dan metode yang umum digunakan adalah sebagai berikut.

Ini adalah anggota statis dari Number dan diakses langsung melalui konstruktor Number, bukan turunan dari Number.

Objek Matematika

Objek Matematika digunakan untuk melakukan operasi matematika pada nilai numerik. Berbeda dengan objek lainnya, objek ini bukan konstruktor dan tidak perlu dibuat instance-nya untuk dapat digunakan.

Ambil Math.random() untuk mendapatkan angka acak dalam rentang tertentu sebagai contoh.

Rumusnya adalah Math.random() * (n - m) + m yang artinya menghasilkan nilai acak yang lebih besar atau sama dengan m dan kurang dari n

Objek Tanggal

Objek Tanggal digunakan untuk menangani tanggal dan waktu.

Contoh 1: Dapatkan waktu dan tanggal berdasarkan objek Date.

Contoh 2: Tentukan tanggal berdasarkan objek Tanggal.

Contoh 3: Tangani situasi di mana tanggal yang ditetapkan tidak masuk akal. Misalnya, menyetel bulan ke -1 berarti Desember tahun lalu, dan menyetel bulan 12 berarti Januari tahun depan.

Kasus: Membuat kalender bulanan

Ide implementasi kode:

• Buatlah objek tanggal tanggal 1 bulan berjalan.
• Tentukan hari apa dalam seminggu yang pertama dan tulis baris pertama.
• Tulis tentang sisa bulan ini.

Implementasi kode

<html>
	<head><title>Kalender bulan ini</title>
	</kepala>
	<tubuh>
	<p align=center><b>Kalender bulan ini</b></p>
	<skrip>
	var tahun ini, bulan ini, hari ini=Tanggal baru();;
	tahun ini=hari ini.getFullYear()
	bulan ini=hari ini.getMonth();
	
	var ibulan,ihari kerja,ihari,hari berikutnya;
	document.write("<tabel align=center border=1><tr align=center bgcolor=#fff00>")
	document.write("<td>Minggu</td><td>Senin</td><td>Selasa</td><td>Rabu</td><td>Kamis</td><td> Jumat< /td><td>Sabtu</td>")
	dokumen.write("</tr><tr>")
	hari berikutnya=1;
	var tanggal ini=Tanggal baru(tahun ini,bulan ini,hari berikutnya)
	untuk (iday=0;iday<=6;iday++){
	if (tanggal ini.getDay() > iday) {
	dokumen.write("<td>");
	dokumen.write("</td>")
	}
	kalau tidak {
	if (tanggal ini.getMonth()== hari ini.getMonth()&&tanggal ini.getDate()== hari ini.getDate() &&tanggal ini.getFullYear()== hari ini.getFullYear() ){
	dokumen.write("<td><font color=red><b>")
	document.write (hari berikutnya)
	dokumen.write("</font></b></td>")
	}
	kalau tidak {
	dokumen.write("<td><b>");
	document.write(hari berikutnya);
	dokumen.write("</b></td>");
	}
	hari berikutnya=hari berikutnya+1;
	tanggal ini.setDate(hari berikutnya);
	}
	}
	
	dokumen.write("</tr>");
	dokumen.tulis("<tr>")
	sayahari kerja=1
	while(tanggal ini.getMonth() == bulan ini ){
	if (tanggal ini.getMonth()== hari ini.getMonth()&&tanggal ini.getDate()== hari ini.getDate() &&tanggal ini.getFullYear()== hari ini.getFullYear() ){
	dokumen.write("<td><font color=red><b>")
	document.write (hari berikutnya)
	dokumen.write("</b></font></td>")
	}
	kalau tidak{
	dokumen.tulis("<td><b>")
	document.write (hari berikutnya)
	dokumen.write("</b></td>")
	}
	hari berikutnya=hari berikutnya+1;
	ihari kerja=ihari kerja+1;
	jika (ihari kerja>7 ){
	sayahari kerja=1;
	dokumen.write("</tr>");
	}
	tanggal ini.setDate(hari berikutnya);
	}
	
	</skrip>
	
	</tubuh>
	</html>

Rekomendasi terkait: Tutorial pembelajaran JavaScript.

Di atas adalah konten terperinci untuk membantu Anda mendapatkan objek JavaScript. Untuk informasi lebih lanjut, harap perhatikan artikel terkait lainnya di situs web PHP Cina!