Pengenalan JavaScript yang mudah dipahami

1. Pengenalan JS

Javascript adalah bahasa skrip sisi klien peka huruf besar-kecil tipe dinamis berorientasi objek yang diwarisi prototipe yang dikembangkan dari LiveScript Netscape. Tujuan utamanya adalah untuk memecahkan masalah bahasa sisi server, seperti Perl, kecepatan yang tersisa masalah, memberikan pelanggan efek penjelajahan yang lebih lancar.

Saat itu, server perlu memverifikasi data. Karena kecepatan jaringan sangat lambat, hanya 28,8kbps, langkah verifikasi membuang banyak waktu. Jadi browser Netscape, Navigator, menambahkan Javascript untuk menyediakan fungsi dasar verifikasi data. Nama resmi JavaScript adalah "ECMAScript". Standar ini dikembangkan dan dipelihara oleh organisasi ECMA. ECMA-262 adalah standar JavaScript resmi. Standar ini didasarkan pada JavaScript (Netscape) dan JScript (Microsoft).

Brendan Eich dari Netscape (Navigator 2.0) menemukan bahasa ini, yang telah muncul di semua browser Netscape dan Microsoft sejak tahun 1996. Pengembangan ECMA-262 dimulai pada tahun 1996, dan pada bulan Juli 1997, Majelis Umum ECMA mengadopsi versi pertamanya.

Komponen JavaScript termasuk ECMAScript , DOM , dan BOM .

JS adalah pernyataan skrip kecil yang berjalan di browser, yang dapat mewujudkan animasi konten teks halaman web, perubahan data dinamis, efek khusus animasi, dll.

ECMAScript

adalah bahasa skrip yang distandarisasi oleh Asosiasi Produsen Komputer Eropa (ECMA) melalui ECMA-262. Sederhananya, ECMAScript menjelaskan sintaks, tipe, pernyataan, kata kunci, kata-kata yang dicadangkan, operator dan objek. Ini mendefinisikan semua properti, metode, dan objek bahasa skrip.

DOM

merencanakan seluruh halaman menjadi dokumen yang terdiri dari lapisan simpul. Ini tidak terkait dengan browser, platform, dan bahasa. Ini memberi pengembang web standar untuk mengakses data, skrip, dan objek lapisan presentasi di situs konten web Efek verifikasi dan perubahan dinamis

BOM

adalah fitur browser yang dapat mengakses dan mengoperasikan jendela browser, seperti memindahkan, menutup jendela, menyesuaikan ukuran jendela, mendukung cookie, dll. Pemrograman BOM dapat mencapai efek mengendalikan perilaku browser itu sendiri secara dinamis

. Beberapa orang juga mengatakan ini:
ECMAScript dapat dipahami sebagai bagian sintaksis dasar JS.

DOM secara sederhana dapat dipahami sebagai pemrograman BOM yang menggunakan objek dokumen untuk mengoperasikan konten dokumen

dan dapat dipahami sebagai pemrograman yang menggunakan objek window untuk mengoperasikan perilaku browser

2. Fitur JS

Fitur

JS berjalan pada browser bahasa scripting
1.

Bahasa skrip Bahasa skrip adalah program sederhana yang berskala kecil, tidak memerlukan kompilasi, dan berjalan dengan cepat. Ini terdiri dari beberapa karakter ASCII dan dapat ditulis menggunakan editor teks apa pun. Bahasa skrip mengacu pada bahasa pemrograman yang ditafsirkan dan dieksekusi oleh juru bahasa di browser web. Setiap kali suatu program dijalankan, juru bahasa akan menerjemahkan kode program ke dalam format yang dapat dieksekusi. Beberapa bahasa pemrograman (seperti C, C++, Java, dll.) harus dikompilasi, dan kode sumber harus dikompilasi ke dalam file biner yang dapat dieksekusi sebelum dapat dijalankan terlebih dahulu, selama ada juru bahasa yang sesuai.

2. Bahasa berbasis objek

Berorientasi objek memiliki tiga karakteristik utama (enkapsulasi, pewarisan, polimorfisme) yang sangat diperlukan. Biasanya "berbasis objek" menggunakan objek, tetapi templat objek yang ada tidak dapat digunakan untuk menghasilkan tipe objek baru. Dengan kata lain, "berbasis objek" tidak memiliki karakteristik pewarisan. Tanpa konsep pewarisan, tidak ada cara untuk membicarakan "polimorfisme".

3. Tindakan yang digerakkan oleh peristiwa

yang melakukan operasi tertentu pada halaman web disebut "peristiwa", seperti menekan mouse, memindahkan jendela, memilih menu, dll. . Dapat dianggap sebagai suatu peristiwa. Ketika suatu peristiwa terjadi, respons peristiwa terkait dapat dipicu.

4. Kesederhanaan

Tipe variabel bertipe lemah dan tidak menggunakan tipe data yang ketat. var a,b,c; a=123; b="abc"; a=b;

5. Keamanan

JavaScript tidak dapat mengakses hard disk lokal, tidak dapat menyimpan data di server, dan tidak dapat mengubah atau menghapus dokumen jaringan interaksi dinamis hanya dapat dicapai melalui browser.

6. JavaScript lintas platform

bergantung pada browser itu sendiri dan tidak ada hubungannya dengan platform operasi. Selama komputer memiliki browser yang mendukung JavaScript (diinstal dengan penerjemah JavaScript), program JavaScript dapat diimplementasikan dengan benar.

Kekurangan:

Berbagai browser mendukung JavaScript pada tingkat yang berbeda-beda. Browser yang mendukung JavaScript dan browser yang tidak sepenuhnya mendukung JavaScript akan memiliki efek kesenjangan tertentu saat menjelajahi halaman web yang sama dengan skrip JavaScript, dan terkadang bahkan mungkin tidak ditampilkan.

3. Perbedaan antara JS dan Java

Perbedaan 1: Perusahaan berbeda, pendahulunya berbeda

JavaScript adalah produk Netscape. Ini adalah bahasa interpretatif berbasis objek dan peristiwa yang dikembangkan untuk memperluas fungsi Netscape Navigator yang dapat disematkan di halaman Web Pendahulu Java adalah Live Script; Java adalah generasi baru bahasa pemrograman berorientasi objek yang diluncurkan oleh SUN, yang sangat cocok untuk pengembangan aplikasi Internet, pendahulu Java adalah bahasa Oak.

Perbedaan 2: JavaScript berbasis objek dan berorientasi objek

adalah bahasa skrip dan bahasa berbasis objek. Ia sendiri menyediakan sekumpulan objek internal yang sangat kaya untuk digunakan oleh desainer, tetapi tidak mendukung pewarisan dan polimorfisme. Java berorientasi objek, bahasa berorientasi objek yang sebenarnya, mendukung enkapsulasi, pewarisan, dan polimorfisme.

Perbedaan 3: Tipe variabel berbeda kekuatan dan kelemahannya.

Java menggunakan pemeriksaan variabel tipe kuat, yaitu semua variabel harus dideklarasikan sebagai tipe tertentu sebelum kompilasi. Misalnya: int x=1234; adalah variabel yang diketik dengan lemah di JavaScript. Pernyataan var digunakan secara seragam dan berbagai nilai tipe data dapat ditetapkan.

Perbedaan 4: Lokasi pengoperasiannya berbeda.

besar

, dan JS berjalan di klien (browser), bahasa skrip skala kecil.

HTML, CSS, dan JS keduanya merupakan teknologi utama front-end, dan ketiganya memiliki pembagian kerja masing-masing. HTML dapat digunakan untuk membuat struktur utama halaman web, CSS digunakan untuk mempercantik web halaman, dan JS digunakan untuk menambahkan efek dinamis ke halaman web.

Bagaimana dengan gambarnya sobat.

5. Cara pengenalan JS

Cara pengenalan Inline

Embedded

1. Pada tag head, gunakan sepasang tag script untuk menyematkan kode js

2. Atribut type tidak perlu ditulis

<!DOCTYPE html><html>
	<kepala>
		<meta charset="utf-8" />
		<title>Metode pengenalan JS 1</title>
		<!--Metode pengenalan tertanam 1. Pada tag head, gunakan sepasang tag skrip untuk menyematkan kode js 2. Atribut type tidak perlu ditulis -->
		<skrip tipe="teks/javascript">
			
		//Definisikan suatu fungsi (metode)
		fungsi menyenangkan1 () {
			//Peringatan pesan pop-up("kata halo")
		}
		</skrip>
	</kepala>
	<tubuh>
		<input type="button" value="Klik saya" onclick="fun1()"/>
	</tubuh></html>

kekurangan:
1. Kode JS yang kami tentukan hanya dapat digunakan di halaman web saat ini, dengan penggunaan kembali kode yang rendah dan kemampuan pemeliharaan yang rendah.

2.

Kode JS dan kode HTML digabungkan dalam satu file, dengan keterbacaan yang buruk

<!DOCTYPEhtml><html>
	<kepala>
		<meta charset="UTF-8">
		<title>Metode pengenalan JS 2</title>
		<!--Pengenalan file js eksternal yang ditautkan 1. Meningkatkan penggunaan kembali kode 2. Mengurangi kesulitan pemeliharaan kode 3. Satu halaman dapat memasukkan beberapa file js yang berbeda secara bersamaan 4. Setelah file akhir eksternal dimasukkan dalam tag skrip , itu tidak dapat menentukan kode sebaris di tengah -->
		<skrip type="teks/javascript" src="js/myjs.js"></skrip>
		<skrip type="teks/javascript" src="js/myjs2.js"></skrip>
		<skrip>
			fungsi menyenangkan3() {
				peringatan("metode pengenalan js")
			}
		</skrip>
	</kepala>
	<tubuh>
		<input type="button" value="Klik saya" onclick="fun1()"/>
		<input type="button" value="Klik saya 2" onclick="fun2()"/>
		<input type="button" value="Klik saya 3" onclick="fun3()"/>
	</body></html>

Keuntungan:

Penggunaan kembali kode yang tinggi, lebih mudah untuk memelihara kode

Catatan:

1. Beberapa file JS dapat dimasukkan pada satu halaman secara bersamaan

2. Setiap file JS harus dimasukkan menggunakan tag script independen

3. Perkenalan yang disematkan dan ditautkan tidak boleh menggunakan tag yang sama.