hujung hadapan web
tutorial js
Pemahaman mendalam tentang objek dalam pengetahuan JavaScript_Basic
Pemahaman mendalam tentang objek dalam pengetahuan JavaScript_Basic
JavaScript ialah bahasa pengaturcaraan berorientasikan objek (OOP). Bahasa pengaturcaraan boleh dipanggil berorientasikan objek dan menyediakan empat keupayaan asas kepada pembangun:
- Enkapsulasi - menyimpan maklumat yang berkaitan, sama ada data atau kaedah atau objek
- Pengagregatan - Simpan satu objek di dalam objek lain
- Warisan - keupayaan kelas untuk bergantung pada kelas lain (atau kelas) untuk beberapa sifat dan kaedahnya
- Polimorfisme - menulis fungsi atau kaedah yang berfungsi dalam pelbagai cara yang berbeza
Objek terdiri daripada sifat. Jika harta mengandungi fungsi, ia dianggap sebagai kaedah objek, jika tidak, harta itu dianggap sebagai harta.
Sifat objek:
Sifat sesuatu objek boleh terdiri daripada mana-mana daripada tiga jenis data asas, atau mana-mana jenis data abstrak, seperti objek lain. Sifat objek biasanya pembolehubah yang digunakan secara dalaman oleh kaedah objek, tetapi juga boleh menjadi pembolehubah yang digunakan secara global dan boleh dilihat di seluruh halaman.
Sintaks untuk menambah atribut ialah:
objectName.objectProperty = propertyValue;
Contoh:
Berikut ialah contoh mudah untuk menggambarkan cara menggunakan sifat "tajuk" objek fail untuk mendapatkan tajuk dokumen:
var str = document.title;
Kaedah objek:
Kaedah memberitahu objek untuk melakukan sesuatu. Terdapat sedikit perbezaan antara fungsi dan kaedah, kecuali pernyataan fungsi ialah unit bebas dan kaedah dilampirkan pada objek dan boleh dirujuk melalui kata kunci ini.
Kaedah boleh berguna untuk segala-galanya daripada memaparkan kandungan pada skrin objek kepada melaksanakan operasi matematik yang kompleks pada set sifat dan parameter tempatan.
Contoh:
Berikut ialah contoh mudah untuk menggambarkan cara menggunakan kaedah write() objek dokumen untuk menulis sebarang kandungan dalam dokumen:
document.write("This is test");
Objek yang ditakrifkan pengguna:
Semua objek yang ditentukan pengguna dan objek terbina dalam dipanggil keturunan objek.
pengendali baharu:
Pengendali baharu digunakan untuk mencipta tika objek. Untuk mencipta objek, pengendali baharu diikuti dengan kaedah pembina.
Dalam contoh berikut, kaedah pembina Object(), Array(), dan Date(). Pembina ini adalah fungsi JavaScript terbina dalam.
var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");
Pembina Objek():
Pembina ialah fungsi yang digunakan untuk mencipta dan memulakan objek. JavaScript menyediakan pembina khas yang dipanggil Object() untuk membina objek. Nilai pulangan bagi konstruk Object() diberikan kepada pembolehubah.
Pembolehubah mengandungi rujukan kepada objek baharu. Sifat yang diberikan kepada objek ini adalah invarian dan tidak ditakrifkan menggunakan kata kunci var.
Contoh 1:
Contoh ini menunjukkan cara mencipta objek:
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
var book = new Object(); // Create the object
book.subject = "Perl"; // Assign properties to the object
book.author = "Mohtashim";
</script>
</head>
<body>
<script type="text/javascript">
document.write("Book name is : " + book.subject + "<br>");
document.write("Book author is : " + book.author + "<br>");
</script>
</body>
</html>
Contoh 2:
Contoh ini menunjukkan cara mencipta objek dan fungsi yang ditentukan pengguna. Di sini kata kunci ini digunakan untuk merujuk kepada objek yang telah dihantar ke fungsi:
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
function book(title, author){
this.title = title;
this.author = author;
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
</script>
</body>
</html>
Kaedah menentukan objek:
Contoh sebelumnya menunjukkan cara pembina mencipta objek dan memberikan sifat. Walau bagaimanapun, kita perlu menggunakan kaedah peruntukan untuk melengkapkan definisi objek.
Contoh:
Berikut ialah contoh mudah untuk menggambarkan cara menambah fungsi dengan objek:
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
this.price = amount;
}
function book(title, author){
this.title = title;
this.author = author;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
dengan kata kunci:
Kata kunci dengan digunakan sebagai trengkas untuk merujuk kepada sifat atau kaedah sesuatu objek.
Objek yang ditentukan sebagai parameter menjadi objek lalai untuk tempoh blok berikut. Sifat dan kaedah untuk objek boleh didapati pada objek yang tidak dinamakan.
Tatabahasa
with (object){
properties used without the object name and dot
}
Contoh:
<html>
<head>
<title>User-defined objects</title>
<script type="text/javascript">
// Define a function which will work as a method
function addPrice(amount){
with(this){
price = amount;
}
}
function book(title, author){
this.title = title;
this.author = author;
this.price = 0;
this.addPrice = addPrice; // Assign that method as property.
}
</script>
</head>
<body>
<script type="text/javascript">
var myBook = new book("Perl", "Mohtashim");
myBook.addPrice(100);
document.write("Book title is : " + myBook.title + "<br>");
document.write("Book author is : " + myBook.author + "<br>");
document.write("Book price is : " + myBook.price + "<br>");
</script>
</body>
</html>
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1377
52
WebSocket dan JavaScript: teknologi utama untuk melaksanakan sistem pemantauan masa nyata
Dec 17, 2023 pm 05:30 PM
WebSocket dan JavaScript: Teknologi utama untuk merealisasikan sistem pemantauan masa nyata Pengenalan: Dengan perkembangan pesat teknologi Internet, sistem pemantauan masa nyata telah digunakan secara meluas dalam pelbagai bidang. Salah satu teknologi utama untuk mencapai pemantauan masa nyata ialah gabungan WebSocket dan JavaScript. Artikel ini akan memperkenalkan aplikasi WebSocket dan JavaScript dalam sistem pemantauan masa nyata, memberikan contoh kod dan menerangkan prinsip pelaksanaannya secara terperinci. 1. Teknologi WebSocket
Bagaimana untuk menukar tatasusunan hasil pertanyaan MySQL kepada objek?
Apr 29, 2024 pm 01:09 PM
Begini cara untuk menukar tatasusunan hasil pertanyaan MySQL kepada objek: Cipta tatasusunan objek kosong. Gelung melalui tatasusunan yang terhasil dan buat objek baharu untuk setiap baris. Gunakan gelung foreach untuk menetapkan pasangan nilai kunci setiap baris kepada sifat yang sepadan bagi objek baharu. Menambah objek baharu pada tatasusunan objek. Tutup sambungan pangkalan data.
JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap
Dec 17, 2023 pm 05:13 PM
JavaScript dan WebSocket: Membina sistem ramalan cuaca masa nyata yang cekap Pengenalan: Hari ini, ketepatan ramalan cuaca sangat penting kepada kehidupan harian dan membuat keputusan. Apabila teknologi berkembang, kami boleh menyediakan ramalan cuaca yang lebih tepat dan boleh dipercayai dengan mendapatkan data cuaca dalam masa nyata. Dalam artikel ini, kita akan mempelajari cara menggunakan teknologi JavaScript dan WebSocket untuk membina sistem ramalan cuaca masa nyata yang cekap. Artikel ini akan menunjukkan proses pelaksanaan melalui contoh kod tertentu. Kami
Tutorial JavaScript Mudah: Cara Mendapatkan Kod Status HTTP
Jan 05, 2024 pm 06:08 PM
Tutorial JavaScript: Bagaimana untuk mendapatkan kod status HTTP, contoh kod khusus diperlukan: Dalam pembangunan web, interaksi data dengan pelayan sering terlibat. Apabila berkomunikasi dengan pelayan, kami selalunya perlu mendapatkan kod status HTTP yang dikembalikan untuk menentukan sama ada operasi itu berjaya dan melaksanakan pemprosesan yang sepadan berdasarkan kod status yang berbeza. Artikel ini akan mengajar anda cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan menyediakan beberapa contoh kod praktikal. Menggunakan XMLHttpRequest
Apakah perbezaan antara tatasusunan dan objek dalam PHP?
Apr 29, 2024 pm 02:39 PM
Dalam PHP, tatasusunan ialah urutan tersusun, dan elemen diakses mengikut indeks; Akses tatasusunan adalah melalui indeks, akses objek adalah melalui sifat/kaedah. Nilai tatasusunan diluluskan dan rujukan objek diluluskan.
Apakah objek Permintaan dalam PHP?
Feb 27, 2024 pm 09:06 PM
Objek Permintaan dalam PHP ialah objek yang digunakan untuk mengendalikan permintaan HTTP yang dihantar oleh klien ke pelayan. Melalui objek Permintaan, kami boleh mendapatkan maklumat permintaan pelanggan, seperti kaedah permintaan, maklumat pengepala permintaan, parameter permintaan, dsb., untuk memproses dan membalas permintaan tersebut. Dalam PHP, anda boleh menggunakan pembolehubah global seperti $_REQUEST, $_GET, $_POST, dll. untuk mendapatkan maklumat yang diminta, tetapi pembolehubah ini bukan objek, tetapi tatasusunan. Untuk memproses maklumat permintaan dengan lebih fleksibel dan mudah, anda boleh
Bagaimana untuk mendapatkan kod status HTTP dalam JavaScript dengan cara yang mudah
Jan 05, 2024 pm 01:37 PM
Pengenalan kepada kaedah mendapatkan kod status HTTP dalam JavaScript: Dalam pembangunan bahagian hadapan, kita selalunya perlu berurusan dengan interaksi dengan antara muka bahagian belakang, dan kod status HTTP adalah bahagian yang sangat penting daripadanya. Memahami dan mendapatkan kod status HTTP membantu kami mengendalikan data yang dikembalikan oleh antara muka dengan lebih baik. Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mendapatkan kod status HTTP dan memberikan contoh kod khusus. 1. Apakah kod status HTTP bermakna kod status HTTP apabila penyemak imbas memulakan permintaan kepada pelayan, perkhidmatan tersebut
Apakah yang perlu saya perhatikan apabila fungsi C++ mengembalikan objek?
Apr 19, 2024 pm 12:15 PM
Dalam C++, terdapat tiga perkara yang perlu diperhatikan apabila fungsi mengembalikan objek: Kitaran hayat objek diuruskan oleh pemanggil untuk mengelakkan kebocoran memori. Elakkan penunjuk berjuntai dan pastikan objek kekal sah selepas fungsi kembali dengan memperuntukkan memori secara dinamik atau mengembalikan objek itu sendiri. Pengkompil boleh mengoptimumkan pembuatan salinan objek yang dikembalikan untuk meningkatkan prestasi, tetapi jika objek itu diluluskan oleh semantik nilai, tiada pembuatan salinan diperlukan.
