Artikel ini bukan artikel manual referensi, hanya cocok untuk menghasilkan pemahaman umum tentang JS. Jika Anda membutuhkan sintaksis terperinci dan aplikasi JS, silakan pindah ke W3School.
Apa itu JavaScript?
Kelahiran JavaScript
Sekitar tahun 1995, bandwidth arus utama di dunia adalah 28.8kbps, dan rata -rata bandwidth unduhan di dunia sekarang 21.9Mbps (data berasal dari http://www.netindex.com). Pada saat itu, netizen harus menunggu lama untuk menerima tanggapan dari server setiap kali mereka mengirimkan formulir. Sangat mungkin bahwa apa yang mereka terima setelah menunggu beberapa menit adalah bahwa mereka kehilangan satu. Untuk meningkatkan pengalaman pengguna, skrip yang tertanam di klien browser yang dapat mencapai penilaian bentuk sederhana lahir, yang merupakan javascript.
Javascript pertama kali dikembangkan oleh Brendan Eich, yang bekerja di Netscape (NN2.0), untuk Netscapenavigator 2.0 (NN2.0), yang akan dirilis pada 1995, dan kemudian disebut Livescript. Karena dia bekerja dengan Sun Company yang sangat populer pada waktu itu, untuk mengejar tren waktu - bahasa Java, bahasa ini bernama JavaScript.
Apa hubungan antara JavaScript dan Java?
Ini juga merupakan reaksi pertama orang awam ketika mereka mendengar JavaScript, dan itu juga salah satu masalah yang paling dikritik dalam bahasa ini.
Sebenarnya, tidak ada hubungan antara setengah sen. Jika Anda harus terlibat, mungkin beberapa fungsi dari keduanya adalah sama, ide yang berorientasi objek, struktur penilaian, pernyataan loop, dll., Tetapi ini jelas bukan paten Java, tetapi konsensus bahasa pemrograman.
JavaScript Standardisasi dan Sejarah Pengembangan
Ketika JavaScript diluncurkan, NN Browser dengan pengalaman pengguna yang lebih baik mendominasi pasar browser, dan Microsoft telah mengejar ketinggalan. Ketika IE3 diluncurkan, Microsoft merilis VBScript dan menamainya JScript, yang sebenarnya tidak jauh berbeda dari JavaScript Netscape (dalam istilah hari ini, ini adalah peniru). Dihadapkan dengan kompetisi Microsoft, Netscape dan Sun mengirimkan draf JavaScript mereka sendiri ke ECMA (Asosiasi Produsen Komputer Eropa) untuk membakukan JavaScript, dan akhirnya membentuk versi pertama ECMASCRIPT (ECMA-262).
Menariknya, setelah JavaScript standar Netscape, ada masalah internal. Javascript Research stagnasi, sementara Microsoft mengambil kesempatan untuk mengejar ketinggalan dan meluncurkan IE4, yang membangun mesin JavaScript pertama yang mengikuti spesifikasi ECMA, setahun di depan NN. Selain itu, Microsoft System secara bertahap menempati pasar sistem operasi komputer, dan pangsa pasar browser IE yang sudah dipasang sebelumnya secara bertahap meningkat, dan NN terus-menerus diperas ke pasar. Namun, ketika Microsoft kehilangan saingan terbesarnya, ia tidak memiliki motivasi untuk berkembang. IE6 ~ IE8, keduanya rendering antarmuka dan eksekusi skrip, tidak sesuai satu sama lain, menjadi orang aneh dalam sejarah browser dan mimpi buruk bagi pengembang front-end.
Salinan kode adalah sebagai berikut:
1.V1 Edisi Pertama Pada Juni 1997
2.V2 Juni 1998 Format direvisi untuk membuat bentuknya konsisten dengan standar internasional ISO/IEC16262
3.V3 Desember 1999 Ekspresi reguler yang kuat, pemrosesan rantai teks yang lebih baik, instruksi kontrol baru, penanganan pengecualian, definisi kesalahan yang lebih jelas, pemformatan output angka dan perubahan lainnya
4.v4 tidak selesai ... mungkin lebih banyak definisi kelas eksplisit, namespace, dll ...
5.V5 Pada bulan Desember 2009, "Mode Ketat" ditambahkan, subset yang digunakan untuk memberikan pemeriksaan kesalahan yang lebih menyeluruh untuk menghindari kesalahan struktural. Klarifikasi banyak spesifikasi fuzzy versi 3, dan mengakomodasi perilaku implementasi dunia nyata yang berbeda secara konsisten dari spesifikasi itu. Beberapa fitur baru telah ditambahkan, seperti Getters dan Setters, yang mendukung JSON dan refleksi yang lebih lengkap pada properti objek.
**** Pada Juni 2004, Asosiasi Produsen Komputer Eropa mengeluarkan standar ECMA-357, yang merupakan perpanjangan dari ECMASCRIPT, juga dikenal sebagai E4X (ECMASCRIPT untuk XML).
Apa hubungan antara JavaScript dan Ecmascript?
Faktanya, pertanyaannya harus apa hubungan antara JavaScript, JScript dan Ecmascript. Faktanya, ecmascript adalah spesifikasi keseluruhan. JavaScript dan JScript keduanya dikembangkan sesuai dengan spesifikasi ini dan kompatibel dengan ecmascript, tetapi berisi fungsi di luar ecmascript. Namun, tidak peduli jenis apa sekarang, itu biasanya disebut JavaScript, karena pertama kali muncul dan memiliki pengaruh terbesar dan namanya telah diturunkan hingga hari ini.
Apa yang bisa dilakukan JavaScript?
Pada halaman web, semua operasi yang membutuhkan pemrosesan logis dapat diselesaikan dengan JavaScript. Misalnya:
Salinan kode adalah sebagai berikut:
• Bentuk verifikasi
• Efek animasi
• Permainan web
• Countdown
•…
Ada banyak aplikasi lain, yang tidak akan saya uraikan di sini. Saya percaya bahwa setelah mempelajari bahasa ini, Anda akan menemukan banyak aplikasi.
Mengapa belajar JavaScript?
1. Karena Anda tidak punya pilihan, hanya JavaScript yang dapat mengendalikan semua browser yang umum digunakan, dan JavaScript adalah salah satu bahasa pemrograman terpenting di dunia, dan belajar teknologi web harus mempelajari JavaScript.
2. Javascript adalah bahasa yang indah, sangat bagus, jadi kita perlu belajar
Posisi JavaScript
Salinan kode adalah sebagai berikut:
1. JavaScript adalah bahasa skrip ringan yang tidak memerlukan kompilasi dan diuraikan dan dijalankan oleh mesin parsing JavaScript (umumnya mengacu pada browser, dan tentu saja parser seperti node tidak dikecualikan)
2. JavaScript memiliki fitur bahasa non-fungsional, fitur bahasa fungsional dan fitur bahasa yang dinamis, dan sintaksinya sangat fleksibel.
3. JavaScript adalah bahasa pemrograman yang berorientasi objek. Ada pepatah di dunia Javascript: semuanya adalah objek. Warisannya didasarkan pada prototipe warisan (saya telah menulis artikel khusus yang menjelaskan prototipe warisan sebelumnya)
4. JavaScript adalah bahasa C, jadi mudah bagi siapa saja yang telah belajar C untuk memulai dengan JavaScript.
5. JavaScript ditulis tanpa kompiler, tetapi hanya editor teks (notepad yang dikecualikan, teks luhur sangat dianjurkan di sini)
Apa itu JavaScript?
JavaScript yang kami gunakan sekarang termasuk tiga bagian: DOM, BOM, dan ECMASCRIPT (atau Core JS).
Dom
Di sini, secara default, setiap orang memiliki setidaknya beberapa pemahaman tentang HTML dan CSS. Jika Anda melewatkan HTML dan CSS secara langsung untuk membaca artikel ini, silakan baca tempat ini terlebih dahulu.
DOM, Model Objek Dokumen
Kita tahu bahwa XHTML mensyaratkan bahwa tag harus ditutup dan bersarang harus benar. Bersarang tag menciptakan hubungan ayah-anak (atau, hubungan leluhur yang dideskenden). DOM menyediakan sejumlah besar API, memungkinkan kami untuk dengan mudah memanipulasi pohon DOM. Saya akan menulis artikel nanti berbicara secara khusus tentang JS DOM.
Menggunakan DOM, kita dapat secara dinamis memodifikasi konten halaman, menyesuaikan gaya, dll., Yang juga merupakan cerminan dari keragaman JS.
Bom
Bom, model objek browser
Mirip dengan DOM, kecuali bahwa tubuh utama menjadi browser. Browser juga menyediakan sejumlah besar API, beberapa di antaranya terbuka untuk JS, memberi kami cara untuk mengoperasikan jendela browser.
Penggunaan Umum:
Salinan kode adalah sebagai berikut:
1. Kemampuan untuk memunculkan jendela browser baru;
2. Kemampuan untuk bergerak, menutup dan mengubah ukuran jendela browser;
3. objek navigasi yang dapat memberikan informasi terperinci tentang browser web;
4. Objek lokal yang dapat memberikan informasi terperinci tentang halaman pemuatan browser;
5. Objek layar yang dapat memberikan informasi terperinci tentang resolusi layar pengguna;
6. Dukung cookie;
7. Internet Explorer memperluas BOM untuk memasukkan kelas objek ActiveX, dan objek ActiveX dapat diimplementasikan melalui JavaScript.
Inti ecmascript
Juga disebut JS Core, tidak peduli bagaimana Anda menyebutnya, itu berarti makna yang sama, itu mewakili komposisi inti dari bahasa JS, termasuk definisi variabel, pengumpulan sampah, sintaks, ruang lingkup, dll. Tidak seperti DOM dan BOM yang disebutkan di atas, mereka hanya mengharuskan kita untuk menggunakan API ini, dan inti ecmascript adalah esensi dari bahasa ini dan memerlukan penelitian yang berkelanjutan. Bab berikutnya akan berbicara lebih lanjut tentang sintaks JS.
Penggunaan JavaScript
Gaya in-line
Formulir Inline adalah javascript yang ditulis dalam tag. Misalnya, kami menulis di html:
Salinan kode adalah sebagai berikut:
<tombol OnClick = "Peringatan ('diklik');"> Klik </button>
Saat kami mengklik tombol, kotak akan menampilkan "diklik".
Tetapi perhatikan bahwa ini sangat tidak dianjurkan, karena ini akan menyebabkan masalah besar untuk pemeliharaan. Setiap kali kita perlu mengubah acara, kita perlu menemukan elemen terlebih dahulu dan kemudian memodifikasi konten JavaScript -nya, dan kode JavaScript ini tidak dapat digunakan kembali.
Selain itu, peristiwa yang ditulis dalam tag harus 'aktif', dan JS hanya dapat diperkenalkan melalui peristiwa dalam tag, dan ekspresi JS sederhana tidak dapat ditulis.
Tertanam
Tertanam berarti menulis kode JS dalam tag skrip HTML. Metode ini adalah menambahkan tag skrip ke HTML dan kemudian memasukkan kode JS di tengah tag, sebagai berikut:
Salinan kode adalah sebagai berikut:
<Html>
<body>
<tombol id = "btn"> klik </button>
</body>
<script>
<span style = "font-family: Arial, helvetica, sans-serif;"> var btn = document.geteLementById ("btn"); </span> <pre name = "code"> btn.onClick = function () {
peringatan ("diklik");
}
</script> </html>
Jika Anda menggunakan gaya tertanam, itu jauh lebih bebas daripada gaya inline. Anda dapat menulis lebih banyak kode, menghindari kutipan yang melarikan diri dari masalah, dan mempertahankannya lebih mudah. Namun masalahnya juga ada. Kode -kode ini hanya dapat diterapkan pada halaman ini dan tidak dapat digunakan oleh halaman lain.
Luar
Metode koneksi eksternal memecahkan semua kekurangan dari dua bentuk di atas. Metode berikut adalah:
Buat file baru terlebih dahulu dan ubah akhiran menjadi .js. Misalnya, kami membuat file klik.js baru dan menyalin kode JS di versi tertanam yang baru saja kami tulis (perhatikan bahwa kami tidak menyertakan tag skrip)
Salinan kode adalah sebagai berikut:
var btn = document.getElementById ("btn");
btn.onClick = function () {
peringatan ("diklik");
}
Kemudian impor di html melalui tag skrip
Salinan kode adalah sebagai berikut:
<Html>
<body>
<tombol id = "btn"> klik </button>
</body>
<skrip src = "click.js"> </script>
</html>
Keuntungan dari ini adalah bahwa kode JS yang sama dapat dibagikan oleh beberapa halaman HTML. Kerugiannya adalah bahwa jumlah file meningkat dan waktu yang diperlukan untuk permintaan meningkat. Oleh karena itu, penggunaan kembali kode harus ditingkatkan, dan akhirnya file JS harus digabungkan (menggabungkan file JS yang berbeda menjadi satu file JS)