Deskripsi Pengetahuan:
Saat mempelajari JavaScript, perhatikan tujuh detail berikut untuk membuat kode kami lebih mudah dipahami dan lebih efisien saat menerapkan fungsi yang sama.
1. Sederhanakan kode
Misalnya: Buat objek
Itu seperti ini sebelumnya:
Var mobil = objek baru ();
Car.color = “merah”;
Car.wheels = 4;
Car.age = 8;
Dan sekarang bisa ditulis seperti ini:
Var car = {warna: 'merah', roda: 4, usia: 8}
Misalnya: Buat array
Itu seperti ini sebelumnya:
Var studentArray = array baru ('zhangsan', 'lisi', 'zhaowu', 'wuliu');
Dan sekarang bisa ditulis seperti ini:
Var studentArray = {'zhangsan', 'lisi', 'zhaowu', 'wuliu'};
Misalnya: Sederhanakan kode menggunakan operator ternary
Metode penulisan sebelumnya adalah:
Var result; if (x> 100) {result = 1;} else {result = -1;}Dan sekarang bisa ditulis sebagai:
Var hasil = x> 100? 1: -1;
2. Gunakan JSON sebagai format data
Gunakan format JSON untuk menyimpan data:
var band = {"name": "The Red Hot Chili Peppers", "Anggota": [{"Name": "Anthony Kiedis", "Role": "Lead Vocals"}, {"Name": "Michael 'Flea' Balzary", "Role": "Bass Guitar, Trumpet, Backing Vocals" {"," PERAN ":" PERAN "," PERAN "," PERAN "," REPION "," REPION "," ROMEON "," REPION "," REPION "," REPION "," ROMEON "," ROMEON "," }, {"name": "John Frusciante", "Role": "Lead Guitar"}], "Year": "2009"}Anda juga dapat menggunakan JS untuk menyimpan data, kodenya adalah sebagai berikut:
<div id = "datadiv"> </div> <script> function savedata (data) {var out = "<ul>"; Untuk (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+data [i] .url+' ">+data [i] .d+</a> </li>";} out+= '</ul>'; outgetElementById ('DataDiv').Anda bahkan dapat menggunakan data penyimpanan yang dihasilkan oleh JS di atas sebagai nilai pengembalian API
<skrip src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">
</script>
3. Coba gunakan fungsi asli JavaScript
Misalnya: Dapatkan nilai maksimum dalam satu set data
var maxdata = Math.max (0,20,50,10);
peringatan (maxdata); // maksimum yang dikembalikan adalah 50
Misalnya: Gunakan JS untuk menambahkan gaya kelas ke suatu elemen, cuplikan kode adalah sebagai berikut:
Fungsi addClass (elm, newclass) {var class = elm.classname.split (''); Class.push (newclass); Elm.classname = class.join ('');}4. Percebasan acara
Misalnya:
<h2>Great Web resources</h2><ul id="resources"> <li><a href="http://opera.com/wsc">Opera Web StandardsCurriculum</a></li> <li><a href="http://sitepoint.com">Sitepoint</a></li> <li><a href = "http://alistapart.com"> Daftar terpisah </a> </li> <li> <a href = "http://yuiblog.com"> blog yui </a> </li> <a href = "http:/blameitonthevoices.com" href = "http://oddlyspecific.com"> anehnya spesifik </a> </li> </ul>
Cara terbaik untuk menulis skrip:
(function () {var Resources = document.getElementById ('resources'); resources.addeventListener ('klik', handler, false); function handler (e) {var x = e.target; // Dapatkan tautan tHA if (x.nodename.tolowercase () === 'a') {warny (x.nodename. };}) ();V. Fungsi Anonim
var myApplication = function () {var name = 'chris'; var usia = '34'; var status = 'single'; function createMember () {// [...]} Fungsi getMsMsDetails () {// [...]} return {create: createMember, get: getMemberDetails}} (); // myapplication.get () dan myapplication.create () sekarang berfungsi.6. Kode dapat dikonfigurasi
Jika kode yang Anda tulis ingin memudahkan orang lain untuk digunakan atau memodifikasi, itu perlu dikonfigurasi. Solusinya adalah menambahkan objek konfigurasi ke skrip yang Anda tulis. Poin kuncinya adalah sebagai berikut:
1. Tambahkan objek baru yang disebut konfigurasi ke skrip Anda.
2. Simpan semua hal yang mungkin ingin diubah orang lain dalam objek konfigurasi, seperti ID CSS, nama kelas, bahasa, dll.
3. Kembalikan objek ini sebagai properti publik sehingga orang lain dapat menulis ulang.
7. Kompatibilitas Kode
Kompatibilitas adalah bagian yang cenderung diabaikan oleh pemula. Biasanya, ketika mempelajari JavaScript, mereka diuji di browser tetap, dan browser ini cenderung IE, yang sangat fatal, karena di antara browser utama utama, IE memiliki dukungan terburuk untuk standar. Hasil yang dilihat pengguna akhir adalah bahwa kode yang Anda tulis tidak berjalan dengan benar di browser. Anda harus menguji kode Anda di browser arus utama, yang mungkin memakan waktu, tetapi Anda harus melakukannya.
Tujuh tindakan pencegahan di atas untuk mempelajari JavaScript [yang harus dibaca] adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.