Teratas 10 JavaScript Shorthands untuk Pemula
Shorthand JavaScript bukan sahaja mempercepatkan proses pengkodan tetapi juga menjadikan skrip lebih pendek, oleh itu membawa kepada beban halaman yang lebih cepat. Kod dendam hanya sah seperti versi mudah alih mereka; mereka pada asasnya berdiri untuk perkara yang sama-hanya dalam format yang lebih padat. Mereka adalah salah satu teknik pengoptimuman kod paling mudah.
Terdapat beberapa corong JavaScript, namun mereka tidak mempunyai panduan rujukan rasmi. Sesetengahnya sangat mudah, sementara yang lain agak menakutkan walaupun untuk pemaju yang berpengalaman. Dalam artikel ini, anda boleh mencari 10 JavaScript shorthands untuk pemula yang mana anda boleh mulakan dengan pengoptimuman kod dan menulis kod ringkas.
1. Nombor kesahihan
Jika anda kerap bekerja dengan perpuluhan yang besar cendekiawan ini boleh menjadi rahmat, kerana anda tidak perlu menaip semua nol lagi, hanya menggantikannya dengan e notasi. Contohnya, 1e8 ertinya tambahan lapan sifar selepas 1 digit, ia sama dengan 100000000.
Nombor selepas surat itu e menunjukkan bilangan nol yang datang selepas digit (s) sebelum ini e. Begitu juga, 16e4 adalah landasan untuk 160000, dan lain-lain.
/ * Shorthand * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Peningkatan, pengurangan
The kenaikan pendek terdiri daripada dua + tanda-tanda, itu bermakna nilai pembolehubah adalah bertambah satu. Begitu juga dengan pengurasan tersendiri terdiri daripada dua - tanda-tanda, dan ia bermakna bahawa pembolehubah adalah diturunkan oleh satu.
Kedua shorthands ini boleh digunakan hanya pada jenis data berangka. Mereka mempunyai peranan penting dalam gelung, kes penggunaan yang paling kerap ialah untuk gelung.
/ * Shorthand * / i ++; j--; / * Longhand * / i = i + 1; j = j-1;
3. Tambah, tolak, tolak, membahagi
Ada segelintir untuk setiap empat operasi asas matematik: tambahan, gangguan, pendaraban dan pembahagian. Mereka bekerja sama dengan pengendali kenaikan dan pengurangan, hanya di sini, anda boleh mengubah nilai pembolehubah oleh mana-mana nombor (bukan hanya satu).
Dalam contoh di bawah, i pemboleh ubah dilipatgandakan oleh 5, j diturunkan oleh 3, k didarab dengan 10, dan l dibahagikan dengan 2.
/ * Shorthand * / i + = 5; j- = 3; k * = 10; l / = 2; / * Longhand * / i = i + 5; j = j-3; k = k * 10; l = l / 2;
4. Tentukan kedudukan watak
The charAt () kaedah adalah salah satu kaedah rentetan yang paling kerap digunakan, ia mengembalikan watak pada kedudukan tertentu (contohnya, 5th watak rentetan). Ada satu trik ringkas yang boleh anda gunakan: anda menambah kedudukan watak yang dilampirkan dalam kurungan persegi selepas rentetan.
Beri perhatian bahawa charAt () kaedah adalah berasaskan sifar. Oleh itu, myString [4] akan mengembalikan 5th watak dalam rentetan ("y" dalam contoh).
var myString = "Happy birthday"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4);
5. Isytiharkan pemboleh ubah secara pukal
Jika anda mahu mencipta lebih daripada satu pembolehubah pada masa yang sama anda tidak perlu menaipnya satu persatu. Ia mencukupi untuk menggunakan var (atau biarlah) kata kunci hanya sekali, maka anda boleh menyenaraikan pembolehubah yang anda ingin buat, dipisahkan oleh koma.
Dengan cara ini, anda boleh mengisytiharkan kedua-duanya pembolehubah tidak jelas dan pembolehubah dengan nilai.
/ * Shorthand * / var i, j = 5, k = "Selamat pagi", l, m = false; / * Longhand * / var i; var j = 5; var k = "Selamat pagi"; var l; var m = false;
6. Mengisytiharkan pelbagai bersekutu
Mengisytiharkan pelbagai dalam JavaScript adalah tugas yang agak mudah, dengan menggunakan var myArray = ["epal", "pir", "oren"] sintaks. Walau bagaimanapun, mengisytiharkan pelbagai bersekutu adalah sedikit lebih rumit, seperti di sini, anda bukan sahaja perlu menentukan nilai-nilai tetapi juga kunci-kunci (dalam kes susunan biasa kekunci adalah 0, 1, 2, 3, dan lain-lain.).
Pelbagai bersekutu adalah a koleksi pasangan nilai utama. Jalan panjang adalah mengisytiharkan array, kemudian menambah setiap elemen satu demi satu. Walau bagaimanapun, dengan cara tersendiri di bawah, anda juga boleh mengisytiharkan pelbagai bersekutu tambahnya semua elemennya pada masa yang sama.
Dalam contoh di bawah, myArray pelbagai asosiasi menyerahkan tempat kelahiran mereka (nilai) kepada orang terkenal (kunci).
/ * Shorthand * / var myArray = "Grace Kelly": "Philadelphia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "New York City", "Sophia Loren" Bergman ":" Stockholm " / * Longhand * / var myArray = Array baru (); myArray ["Grace Kelly"] = "Philadelphia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "New York City"; myArray ["Sophia Loren"] = "Rom"; myArray ["Ingrid Bergman"] = "Stockholm";
7. Isytiharkan objek
Singkatan untuk pengisytiharan objek berfungsi sama dengan yang untuk tatasusunan bersekutu. Walau bagaimanapun di sini, tidak ada pasangan nilai utama tetapi pasangan nilai harta bahawa anda perlu meletakkan di antara penyokong gigi .
Satu-satunya perbezaan dalam sintaks singkatan ialah hartanah objek tidak disertakan dalam tanda petikan (nama, tempat lahir, umur, adalahJamesBond dalam contoh di bawah).
/ * Shorthand * / var myObj = nama: "Sean Connery", placeOfBirth: "Edinburgh", umur: 86, adalahJamesBond: true; / * Longhand * / var myObj = Objek baru (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edinburgh"; myObj.age = 86; myObj.wasJamesBond = true;
8. Gunakan pengendali bersyarat
The pengendali bersyarat (ternary) sering digunakan sebagai jalan pintas untuk jika tidak pernyataan. Ia terdiri daripada tiga bahagian:
- yang keadaan
- apa yang berlaku sekiranya keadaan adalah benar (
jika) - apa yang berlaku sekiranya keadaan adalah salah (
lain)
Dalam contoh di bawah, kami menghantar mesej ringkas (di dalam mesej pembolehubah) kepada orang yang ingin memasuki kelab. Dengan menggunakan borang singkat, ia hanya satu baris kod kepada laksanakan penilaian.
var umur = 17; / * Shorthand * / var message = age> = 18? "Dibenarkan": "Ditolak"; / * Longhand * / if (age> = 18) var message = "Allowed"; else var message = "Ditolak";
Jika anda mahu mengujinya hanya salin kod ke dalam konsol web (F12 dalam kebanyakan penyemak imbas) dan mengubah suai nilai umur pembolehubah beberapa kali.
9. Semak kehadiran
Ia sering berlaku bahawa anda perlu menyemak sama ada pemboleh ubah hadir atau tidak. The “jika kehadiran” singkatan membantu anda berbuat demikian dengan kod kurang.
Berhati-hatilah bahawa artikel yang paling banyak mengenai kata kunci JavaScript tidak memberi bentuk tangan yang betul, sebagai jika (myVar) notasi tidak semata-mata semak sekiranya pembolehubah tidak salah tetapi juga beberapa perkara lain. Iaitu pemboleh ubah tidak boleh ditakrifkan, kosong, batal, dan palsu.
var myVar = 99; / * Shorthand * / if (myVar) console.log ("Pembolehubah myVar ditakrifkan DAN tidak kosong DAN tidak batal DAN tidak palsu."); / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar pembolehubah ditakrifkan DAN ia tidak kosong DAN tidak batal DAN tidak palsu. "); Anda boleh menguji bagaimana “jika kehadiran” singkatan berfungsi dengan memasukkan coretan kod berikut ke dalam konsol web dan mengubah nilai myVar beberapa kali.
Untuk memahami bagaimana kesefasan ini berfungsi, ia bernilai mengujinya dengan nilai-nilai "" (tali kosong), salah, 0, benar, rentetan tidak kosong (mis. "Hi"), nombor (mis. 99), dan apabila pembolehubah tidak jelas (semata-mata var myVar;).
10. Periksa ketiadaan
The “jika kehadiran” singkatan boleh digunakan untuk semak ketiadaan pembolehubah dengan meletakkan tanda seru sebelum itu. Tanda seru ialah bukan pengendali logik dalam JavaScript (dan dalam kebanyakan bahasa pengaturcaraan).
Oleh itu, dengan jika (! myVar) notasi, anda boleh menyemak sama ada myVar pembolehubah tidak diketahui, kosong, batal, atau palsu.
var myVar; / * Shorthand * / if (! MyVar) console.warn ("Pembolehubah myVar tidak ditentukan (OR) kosong (OR) null (OR) false."); / * Longhand * / if (typeof myVar === "undefined" || myVar === "" | myVar === null || myVar === 0 || myVar === false) console.warn ("Pemboleh ubah myVar tidak ditentukan (OR) kosong (OR) null (OR) palsu.");
