10 singkatan JavaScript untuk Pemula
Singkatan JavaScript tidak hanya mempercepat proses pengkodean tetapi juga membuat skrip lebih pendek, karena itu mengarah pada memuat halaman lebih cepat. Kode steno sama validnya dengan versi lama mereka; mereka pada dasarnya berdiri untuk hal yang sama-hanya dalam format yang lebih ringkas. Mereka adalah salah satu teknik optimasi kode paling sederhana.
Namun ada beberapa singkatan JavaScript tidak memiliki panduan referensi resmi. Beberapa sangat sederhana, sementara yang lain cukup menakutkan bahkan untuk pengembang berpengalaman. Dalam artikel ini, Anda dapat menemukannya 10 singkatan JavaScript untuk pemula dengan mana Anda dapat memulai dengan optimasi kode dan menulis kode yang lebih ringkas.
1. Angka desimal
Jika Anda teratur bekerja dengan desimal besar steno ini bisa menjadi anugerah, karena Anda tidak perlu mengetikkan semua nol lagi, cukup ganti dengan e notasi. Contohnya, 1e8 berarti penambahan delapan nol setelah 1 digit, sama dengan 100000000.
Nomor setelah surat e menunjukkan jumlah nol yang datang setelah digit sebelumnya e. Juga, 16e4 adalah singkatan untuk 160000, dll.
/ * Singkatan * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Penambahan, penurunan
Itu steno tambahan terdiri dari dua + tanda, itu berarti bahwa nilai suatu variabel harus bertambah satu. Demikian pula halnya dengan steno pengurangan terdiri dari dua - tanda, dan itu berarti bahwa variabel harus dikurangi satu.
Dua singkatan ini bisa digunakan hanya pada tipe data numerik. Mereka memiliki peran yang sangat diperlukan dalam loop, kasus penggunaan mereka yang paling sering adalah untuk lingkaran.
/ * Singkatan * / i ++; j--; / * Longhand * / i = i +1; j = j-1;
3. Tambahkan, mengalihkan perhatian, gandakan, bagi
Ada singkatan untuk masing-masing empat operasi matematika dasar: penambahan, gangguan, perkalian, dan pembagian. Mereka bekerja mirip dengan operator kenaikan dan penurunan, hanya di sini, Anda dapat mengubah nilai suatu variabel dengan nomor berapa pun (tidak hanya satu).
Dalam contoh di bawah ini, the saya variabel bertambah oleh 5, j didekrementasikan oleh 3, k dikalikan dengan 10, dan l dibagi dengan 2.
/ * Singkatan * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Tentukan posisi karakter
Itu karakter () metode adalah salah satu metode string yang paling sering digunakan, ia mengembalikan karakter pada posisi yang ditentukan (misalnya, 5th karakter suatu string). Ada steno sederhana yang dapat Anda gunakan sebagai gantinya: Anda menambahkan posisi karakter tertutup dalam tanda kurung setelah string.
Perhatikan bahwa karakter () metode adalah berbasis nol. Karena itu, myString [4] akan mengembalikan 5th karakter dalam string ("y" dalam contoh).
var myString = "Selamat ulang tahun"; / * Singkatan * / myString [4]; / * Longhand * / myString.charAt (4);
5. Deklarasikan variabel secara massal
Jika Anda ingin membuat lebih dari satu variabel pada saat bersamaan Anda tidak perlu mengetikkannya satu per satu. Cukup untuk menggunakan var (atau membiarkan) kata kunci hanya sekali, maka Anda bisa daftar variabel yang ingin Anda buat, dipisahkan oleh koma.
Dengan singkatan ini, Anda dapat mendeklarasikan keduanya variabel tidak terdefinisi dan variabel dengan nilai.
/ * Singkatan * / var i, j = 5, k = "Selamat pagi", l, m = false; / * Longhand * / var i; var j = 5; var k = "Selamat pagi"; v l; var m = false;
6. Nyatakan array asosiatif
Mendeklarasikan array dalam JavaScript adalah tugas yang relatif sederhana, dengan menggunakan var myArray = ["apple", "pear", "orange"] sintaksis. Namun, mendeklarasikan array asosiatif sedikit lebih rumit, seperti di sini, Anda tidak hanya harus mendefinisikan nilai-nilai tetapi juga kunci (dalam kasus array reguler kuncinya adalah 0, 1, 2, 3, dll.).
Array asosiatif adalah a koleksi pasangan kunci-nilai. Cara lama adalah mendeklarasikan array, lalu tambahkan setiap elemen satu per satu. Namun, dengan singkatan di bawah ini, Anda juga bisa mendeklarasikan array asosiatif plus semua elemennya pada waktu bersamaan.
Dalam contoh di bawah ini, the myArray array asosiatif memberikan tempat lahir (nilai) kepada orang-orang terkenal (kunci).
/ * Singkatan * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "Kota New York", "Sophia Loren": "Roma", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "Kota New York"; myArray ["Sophia Loren"] = "Roma"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Nyatakan sebuah objek
Singkatan untuk deklarasi objek bekerja mirip dengan yang untuk array asosiatif. Namun di sini, tidak ada pasangan nilai kunci tetapi pasangan nilai properti Anda perlu menempatkan di antara kawat gigi .
Satu-satunya perbedaan dalam sintaksis steno adalah properti objek tidak tertutup tanda kutip (nama, tempat Lahir, usia, wasJamesBond dalam contoh di bawah ini).
/ * Singkatan * / var myObj = name: "Sean Connery", placeOfBirth: "Edinburgh", usia: 86, wasJamesBond: true; / * Longhand * / var myObj = Obyek baru (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Gunakan operator bersyarat
Itu operator kondisional (ternary) sering digunakan sebagai pintas untuk jika ada pernyataan. Terdiri dari tiga bagian:
- itu kondisi
- apa yang terjadi jika kondisinya benar (
jika) - apa yang terjadi jika kondisinya salah (
lain)
Pada contoh di bawah ini, kami mengirim pesan sederhana (di dalam pesan variabel) untuk orang yang ingin masuk klub. Menggunakan formulir steno, hanya satu baris kode jalankan evaluasi.
usia var = 17; / * Singkatan * / var message = age> = 18? "Diizinkan": "Ditolak"; / * Longhand * / if (age> = 18) var message = "Diizinkan"; else var message = "Denied";
Jika Anda ingin mengujinya saja salin kode ke konsol web (F12 di sebagian besar browser) dan ubah nilai usia variabel beberapa kali.
9. Periksa keberadaan
Sering terjadi bahwa Anda perlu memeriksa apakah suatu variabel hadir atau tidak. Itu “jika ada” steno membantu Anda melakukannya dengan kode jauh lebih sedikit.
Berhati - hatilah karena sebagian besar artikel pada singkatan JavaScript tidak memberikan formulir tulisan tangan yang benar, sebagai jika (myVar) notasi tidak hanya memeriksa apakah variabel tidak salah tetapi juga beberapa hal lainnya. Yaitu, variabel tidak dapat ditentukan, kosong, nol, dan salah.
var myVar = 99; / * Singkatan * / if (myVar) console.log ("Variabel myVar didefinisikan DAN itu tidak kosong DAN tidak nol DAN tidak salah."); / * Tangan kosong * / if (ketik myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar variabel didefinisikan DAN tidak kosong DAN tidak nol DAN tidak salah. "); Anda bisa menguji caranya “jika ada” singkatan bekerja dengan memasukkan potongan kode berikut ke konsol web dan mengubah nilai myVar beberapa kali.
Untuk memahami cara kerja tulisan cepat ini, ada baiknya mengujinya dengan nilai-nilai "" (string kosong), Salah, 0, benar, string yang tidak kosong (mis. "Hai"), sebuah nomor (mis. 99), dan ketika variabel tidak terdefinisi (cukup var myVar;).
10. Periksa ketidakhadiran
Itu “jika ada” steno dapat digunakan untuk periksa tidak adanya variabel dengan menempatkan tanda seru sebelum itu. Tanda seru adalah logis bukan operator dalam JavaScript (dan dalam sebagian besar bahasa pemrograman).
Oleh karena itu, dengan if (! myVar) notasi, Anda dapat memeriksa apakah myVar variabel tidak terdefinisi, kosong, nol, atau salah.
var myVar; / * Singkatan * / if (! MyVar) console.warn ("Variabel myVar tidak terdefinisi (OR) kosong (OR) null (OR) false."); / * Longhand * / if (ketik myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("Variabel myVar tidak terdefinisi (OR) kosong (OR) null (OR) false.");
