Salah satu pertanyaan wawancara JavaScript yang paling sering ditanyakan adalah tentang mengangkat. Ini juga merupakan konsep yang mungkin perlu dibiasakan, jadi bacalah panduan kami untuk mempelajari lebih lanjut
Variabel JavaScript dapat dideklarasikan dengan beberapa cara. Namun, mereka tidak semuanya diciptakan sama dan memahami perbedaan mereka dapat mengubah cara Anda membuat kode secara drastis
Pengembang JavaScript sering bingung dengan variabel dan ruang lingkup JavaScript. Berikut panduan cepat untuk memahami dan mengingat segala sesuatu yang berkaitan dengan konsep-konsep ini
Panduan berikut mencakup penulisan kode contoh JavaScript untuk MDN Web Docs. Artikel ini adalah daftar aturan penulisan contoh singkat yang dapat dipahami oleh sebanyak mungkin orang
Bagian ini menjelaskan panduan umum yang harus diingat saat menulis contoh kode JavaScript. Bagian selanjutnya akan membahas detail yang lebih spesifik
Pendapat tentang lekukan yang benar, spasi putih, dan panjang garis selalu menjadi kontroversi. Diskusi tentang topik ini merupakan gangguan dari pembuatan dan pemeliharaan konten
Di MDN Web Docs, kami menggunakan Prettier sebagai pemformat kode agar gaya kode tetap konsisten (dan untuk menghindari diskusi di luar topik). Anda dapat berkonsultasi dengan file konfigurasi kami untuk mempelajari tentang aturan saat ini, dan membaca dokumentasi Prettier
Lebih cantik memformat semua kode dan menjaga gaya tetap konsisten. Namun demikian, ada beberapa aturan tambahan yang perlu Anda ikuti
Anda dapat menggunakan fitur baru setelah semua browser utama — Chrome, Edge, Firefox, dan Safari — mendukungnya
Tandai indentasi dengan 2 spasi. Jangan gunakan karakter tab. Karakter akhir baris adalah closeConnection(); 5, konvensi Unix. Untuk membantu Anda, kami telah menyertakan file closeConnection(); 6 di repositori. Banyak editor membaca kontennya dan menggunakannya untuk mengonfigurasi perilaku mereka
Untuk membuat array, gunakan literal dan bukan konstruktor
Buat array seperti ini
const visitedCities = [];
Jangan lakukan ini saat membuat array
const visitedCities = new Array(length);
Saat menambahkan item ke array, gunakan closeConnection(); 7 dan bukan penugasan langsung. Pertimbangkan larik berikut
const pets = [];
Tambahkan item ke array seperti ini
pets.push("cat"); _
Jangan menambahkan item ke array seperti ini
pets[pets.length] = "cat";
Menulis kode asinkron meningkatkan kinerja dan harus digunakan jika memungkinkan. Secara khusus, Anda dapat menggunakan
- Janji
- closeConnection(); 8/closeConnection(); 9
Ketika kedua teknik memungkinkan, kami lebih suka menggunakan sintaks closeConnection(); 8/closeConnection(); 9 yang lebih sederhana. Sayangnya, Anda tidak dapat menggunakan closeConnection(); _9 di tingkat atas kecuali Anda berada di modul ECMAScript. Modul CommonJS yang digunakan oleh Node. js bukan modul ES. Jika contoh Anda dimaksudkan untuk digunakan di mana saja, hindari tingkat atas closeConnection(); 9
Komentar sangat penting untuk menulis contoh kode yang baik. Mereka mengklarifikasi maksud dari kode dan membantu pengembang memahaminya. Beri perhatian khusus pada mereka
- Jika tujuan atau logika kode tidak jelas, tambahkan komentar dengan maksud Anda, seperti yang ditunjukkan di bawah ini
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; }
Di sisi lain, menyatakan ulang kode dalam bentuk prosa bukanlah penggunaan komentar yang baiklet total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; }
- Komentar juga tidak diperlukan saat fungsi memiliki nama eksplisit yang menjelaskan apa yang mereka lakukan. Menulis
closeConnection();
Jangan menuliscloseConnection(); // Closing the connection
Komentar satu baris ditandai dengan closeConnection(); // Closing the connection 4, bukan komentar blokir yang diapit antara closeConnection(); // Closing the connection 5
Secara umum, gunakan komentar satu baris untuk mengomentari kode. Penulis harus menandai setiap baris komentar dengan closeConnection(); // Closing the connection 4, sehingga lebih mudah untuk melihat kode yang dikomentari secara visual. Selain itu, konvensi ini memungkinkan untuk mengomentari bagian kode menggunakan closeConnection(); // Closing the connection 5 saat debugging
- Tinggalkan spasi di antara garis miring dan komentar. Awali dengan huruf kapital, seperti kalimat, tetapi jangan akhiri komentar dengan titik
// This is a well-written single-line comment
- Jika komentar tidak segera dimulai setelah level indentasi baru, tambahkan baris kosong lalu tambahkan komentar. Ini akan membuat blok kode, memperjelas apa yang dimaksud dengan komentar. Juga, letakkan komentar Anda pada baris terpisah sebelum kode yang mereka rujuk. Ini ditunjukkan dalam contoh berikut
const visitedCities = new Array(length); 0
- Dalam kode yang dimaksudkan untuk dijalankan di lingkungan produksi, Anda jarang perlu berkomentar saat mencatat beberapa data. Dalam contoh kode, kita sering menggunakan closeConnection(); // Closing the connection
8, closeConnection(); // Closing the connection
9, atau fungsi serupa untuk menghasilkan nilai penting. Untuk membantu pembaca memahami apa yang akan terjadi tanpa menjalankan kode, Anda dapat memberi komentar setelah fungsi dengan log yang akan dihasilkan. Menulis
const visitedCities = new Array(length); 1
Jangan menulisconst visitedCities = new Array(length); 2
- Jika baris terlalu panjang, beri komentar setelah fungsi, seperti ini
const visitedCities = new Array(length); _3
Komentar singkat biasanya lebih baik, jadi usahakan untuk membuatnya dalam satu baris yang terdiri dari 60–80 karakter. Jika ini tidak memungkinkan, gunakan closeConnection(); // Closing the connection 4 di awal setiap baris
const visitedCities = new Array(length); _4
Jangan gunakan closeConnection(); // Closing the connection _5
const visitedCities = new Array(length); 5
Melewatkan kode yang berlebihan menggunakan elips (…) diperlukan agar contoh tetap singkat. Tetap saja, penulis harus melakukannya dengan hati-hati karena pengembang sering kali menyalin & menempelkan contoh ke dalam kode mereka, dan semua contoh kode kami harus berupa JavaScript yang valid
Dalam JavaScript, Anda harus meletakkan elips (// This is a well-written single-line comment 2) dalam komentar. Jika memungkinkan, tunjukkan tindakan apa yang diharapkan untuk ditambahkan oleh seseorang yang menggunakan kembali cuplikan ini
Menggunakan komentar untuk elipsis (…) lebih eksplisit, mencegah kesalahan saat pengembang menyalin dan menempelkan kode contoh. Menulis
const visitedCities = new Array(length); 6
Jangan gunakan elips (…) seperti ini
const visitedCities = new Array(length); _7
Saat menulis kode, Anda biasanya menghilangkan parameter yang tidak diperlukan. Namun dalam beberapa contoh kode, Anda ingin menunjukkan bahwa Anda tidak menggunakan beberapa kemungkinan parameter
Untuk melakukannya, gunakan closeConnection(); // Closing the connection _5 di daftar parameter. Ini adalah pengecualian dari aturan untuk hanya menggunakan komentar satu baris (closeConnection(); // Closing the connection 4)
const visitedCities = new Array(length); 8
Untuk nama fungsi, gunakan huruf kecil, dimulai dengan huruf kecil. Gunakan nama yang ringkas, dapat dibaca manusia, dan semantik jika perlu
Berikut ini adalah contoh nama fungsi yang benar
const visitedCities = new Array(length); _9
Jangan gunakan nama fungsi seperti ini
const pets = []; 0
- Jika memungkinkan, gunakan deklarasi fungsi di atas ekspresi fungsi untuk mendefinisikan fungsi. Berikut adalah cara yang disarankan untuk mendeklarasikan suatu fungsi
const pets = []; 1
Ini bukan cara yang baik untuk mendefinisikan suatu fungsiconst pets = []; 2
- Saat menggunakan fungsi anonim sebagai panggilan balik (fungsi yang diteruskan ke pemanggilan metode lain), jika Anda tidak perlu mengakses // This is a well-written single-line comment
5, gunakan fungsi panah untuk membuat kode lebih pendek dan lebih bersih. Inilah cara yang disarankan
const pets = []; _3
Alih-alih iniconst pets = []; _4
- Pertimbangkan untuk menghindari penggunaan fungsi panah untuk menetapkan fungsi ke pengidentifikasi. Secara khusus, jangan gunakan fungsi panah untuk metode. Gunakan deklarasi fungsi dengan kata kunci // This is a well-written single-line comment
6
const pets = []; 5
Jangan lakukanconst pets = []; _6
- Saat menggunakan fungsi panah, gunakan (juga dikenal sebagai tubuh ringkas) jika memungkinkan
const pets = []; _7
Dan tidakconst pets = []; _8
Ketika loop diperlukan, pilih yang sesuai dari // This is a well-written single-line comment 7, // This is a well-written single-line comment 8, // This is a well-written single-line comment 9, dll
- Saat mengulangi semua elemen koleksi, hindari menggunakan loop const visitedCities = new Array(length);
00 klasik; . Perhatikan bahwa jika Anda menggunakan koleksi yang bukan const visitedCities = new Array(length);
03, Anda harus memeriksa bahwa // This is a well-written single-line comment
8 benar-benar didukung (membutuhkan variabel untuk dapat diulang), atau bahwa metode const visitedCities = new Array(length);
02 benar-benar ada. Gunakan // This is a well-written single-line comment
_8
const pets = []; _9
Atau const visitedCities = new Array(length); _02pets.push("cat"); _0
Jangan gunakan const visitedCities = new Array(length); _00 — Anda tidak hanya harus menambahkan indeks ekstra, const visitedCities = new Array(length); 09, tetapi Anda juga harus melacak panjang array. Ini bisa rawan kesalahan untuk pemulapets.push("cat"); _1
- Pastikan Anda mendefinisikan penginisialisasi dengan benar menggunakan kata kunci const visitedCities = new Array(length);
10 untuk // This is a well-written single-line comment
8 atau const visitedCities = new Array(length);
12 untuk loop lainnya. Jangan hilangkan itu. Ini adalah contoh yang benar
pets.push("cat"); _2
Contoh di bawah ini tidak mengikuti panduan yang direkomendasikan untuk inisialisasi (secara implisit membuat variabel global dan akan gagal dalam mode ketat)pets.push("cat"); _3
- Saat Anda perlu mengakses nilai dan indeks, Anda dapat menggunakan const visitedCities = new Array(length);
13 alih-alih const visitedCities = new Array(length);
00. Menulis
pets.push("cat"); _4
Jangan menulispets.push("cat"); _5
Peringatan. Jangan pernah menggunakan const visitedCities = new Array(length); _15 dengan array dan string
Catatan. Pertimbangkan untuk tidak menggunakan const visitedCities = new Array(length); _16 loop sama sekali. Jika Anda menggunakan const visitedCities = new Array(length); 03 (atau const visitedCities = new Array(length); 18 untuk beberapa operasi), pertimbangkan untuk menggunakan lebih banyak metode iterasi semantik, seperti const visitedCities = new Array(length); 19, const visitedCities = new Array(length); 20, const visitedCities = new Array(length); 21, const visitedCities = new Array(length); 22, const visitedCities = new Array(length); 23, dan banyak lagi
Ada satu kasus penting yang perlu diingat untuk pernyataan kontrol const visitedCities = new Array(length); 24. Jika pernyataan const visitedCities = new Array(length); _25 diakhiri dengan const visitedCities = new Array(length); 26, jangan tambahkan pernyataan const visitedCities = new Array(length); 27
Lanjutkan tepat setelah pernyataan const visitedCities = new Array(length); _25. Menulis
pets.push("cat"); _6
Jangan menulis
pets.push("cat"); _7
Meskipun pernyataan alur kontrol seperti const visitedCities = new Array(length); 25, const visitedCities = new Array(length); 16, dan // This is a well-written single-line comment 9 tidak memerlukan penggunaan tanda kurung saat konten dibuat dari satu pernyataan tunggal, Anda harus selalu menggunakan tanda kurung. Menulis
pets.push("cat"); _8
Jangan menulis
pets.push("cat"); _9
Ini mencegah lupa menambahkan tanda kurung saat menambahkan lebih banyak pernyataan
Tukar pernyataan bisa sedikit rumit
- Jangan menambahkan pernyataan const visitedCities = new Array(length);
_32 setelah pernyataan const visitedCities = new Array(length);
26 dalam kasus tertentu. Sebagai gantinya, tulis const visitedCities = new Array(length);
_26 pernyataan seperti ini
pets[pets.length] = "cat"; 0
Jika Anda menambahkan pernyataan const visitedCities = new Array(length); _32, pernyataan itu tidak akan dapat dijangkau. Jangan menulispets[pets.length] = "cat"; 1
- Gunakan const visitedCities = new Array(length); _36 sebagai kasus terakhir, dan jangan akhiri dengan pernyataan const visitedCities = new Array(length); 32. Jika Anda perlu melakukannya secara berbeda, tambahkan komentar yang menjelaskan alasannya
- Ingatlah bahwa saat Anda mendeklarasikan variabel lokal untuk suatu kasus, Anda perlu menggunakan kurung kurawal untuk menentukan cakupan
pets[pets.length] = "cat"; 2
- Jika status tertentu dari program Anda memunculkan kesalahan yang tidak tertangkap, mereka akan menghentikan eksekusi dan berpotensi mengurangi kegunaan contoh. Oleh karena itu, Anda harus menangkap kesalahan menggunakan blok ________3______38, seperti yang ditunjukkan di bawah ini
pets[pets.length] = "cat"; 3
- Saat Anda tidak membutuhkan parameter dari pernyataan const visitedCities = new Array(length);
39, abaikan saja
pets[pets.length] = "cat"; 4
Catatan. Ingatlah bahwa hanya kesalahan yang dapat dipulihkan yang harus ditangkap dan ditangani. Semua kesalahan yang tidak dapat dipulihkan harus dibiarkan dan meluapkan tumpukan panggilan
- Saat mendefinisikan kelas, gunakan PascalCase (dimulai dengan huruf kapital) untuk nama kelas dan camelCase (dimulai dengan huruf kecil) untuk properti objek dan nama metode
- Saat mendefinisikan instance objek, baik literal atau melalui konstruktor, gunakan camelCase, dimulai dengan karakter huruf kecil, untuk nama instance. Misalnya
pets[pets.length] = "cat"; 5
Untuk membuat objek umum (mis. e. , ketika kelas tidak terlibat), gunakan literal dan bukan konstruktor
Misalnya, lakukan ini
pets[pets.length] = "cat"; 6
Jangan membuat objek umum seperti ini
pets[pets.length] = "cat"; 7
- Gunakan sintaks kelas ES untuk objek, bukan konstruktor gaya lama. Misalnya, ini adalah cara yang disarankan
pets[pets.length] = "cat"; _8
- Gunakan const visitedCities = new Array(length);
_40 untuk warisan
pets[pets.length] = "cat"; _9
Untuk mendefinisikan metode, gunakan sintaks definisi metode
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _0
Dari pada
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _1
- Metode const visitedCities = new Array(length); _41 telah ditinggalkan dan diganti dengan const visitedCities = new Array(length); 42
- Jika memungkinkan, gunakan steno untuk menghindari duplikasi pengidentifikasi properti. Menulis
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _2
Jangan menulislet total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _3
Bagian ini mencantumkan rekomendasi kami tentang operator mana yang akan digunakan dan kapan
Saat Anda ingin menyimpan ke variabel nilai literal tergantung pada suatu kondisi, gunakan operator kondisional (ternary) alih-alih pernyataan const visitedCities = new Array(length); 24. Aturan ini juga berlaku saat mengembalikan nilai. Menulis
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _4
Jangan menulis
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _5
Operator bersyarat sangat membantu saat membuat string untuk mencatat informasi. Dalam kasus seperti itu, menggunakan pernyataan const visitedCities = new Array(length); _24 reguler mengarah ke blok kode yang panjang untuk operasi sampingan seperti logging, mengaburkan titik pusat contoh
Lebih memilih persamaan ketat (tiga sama dengan) dan operator ketidaksetaraan daripada persamaan longgar (sama dengan ganda) dan operator ketidaksetaraan
Gunakan operator kesetaraan dan ketidaksetaraan yang ketat seperti ini
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _6
Jangan gunakan operator persamaan dan ketidaksetaraan yang longgar, seperti yang ditunjukkan di bawah ini
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _7
Jika Anda perlu menggunakan const visitedCities = new Array(length); 45 atau const visitedCities = new Array(length); 46, ingatlah bahwa const visitedCities = new Array(length); 47 adalah satu-satunya kasus yang dapat diterima. Karena TypeScript akan gagal pada semua kasus lainnya, kami tidak ingin memasukkannya ke dalam kode contoh kami. Pertimbangkan untuk menambahkan komentar untuk menjelaskan mengapa Anda membutuhkannya
Lebih suka pintasan untuk pengujian boolean. Misalnya, gunakan const visitedCities = new Array(length); _48 dan const visitedCities = new Array(length); 49, bukan const visitedCities = new Array(length); 50 dan const visitedCities = new Array(length); 51, kecuali jenis nilai benar atau salah yang berbeda ditangani secara berbeda
Literal string dapat diapit dengan tanda kutip tunggal, seperti pada const visitedCities = new Array(length); 52, atau dengan tanda kutip ganda, seperti pada const visitedCities = new Array(length); 53. Jangan khawatir tentang yang mana yang akan digunakan;
Untuk memasukkan nilai ke dalam string, gunakan template literal
- Berikut adalah contoh cara yang disarankan untuk menggunakan template literal. Penggunaannya mencegah banyak kesalahan spasi
let total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _8
Jangan menggabungkan string seperti inilet total = 0; // Calculate the sum of the four first elements of arr for (let i = 0; i < 4; i++) { total += arr[i]; } _9
- Jangan terlalu sering menggunakan template literal. Jika tidak ada substitusi, gunakan literal string normal sebagai gantinya
Nama variabel yang baik sangat penting untuk memahami kode
- Gunakan pengidentifikasi pendek, dan hindari singkatan yang tidak umum. Nama variabel yang baik biasanya memiliki panjang antara 3 hingga 10 karakter, tetapi hanya sebagai petunjuk. Misalnya, const visitedCities = new Array(length); _54 lebih deskriptif daripada menyingkat const visitedCities = new Array(length); 55 demi panjang karakter
- Coba gunakan contoh relevan dunia nyata di mana setiap variabel memiliki semantik yang jelas. Hanya kembali ke nama placeholder seperti const visitedCities = new Array(length); 56 dan const visitedCities = new Array(length); 57 ketika contohnya sederhana dan dibuat-buat
- Jangan gunakan konvensi penamaan notasi Hungaria. Jangan awali nama variabel dengan tipenya. Misalnya, tulis const visitedCities = new Array(length); _58 bukan const visitedCities = new Array(length); 59 atau const visitedCities = new Array(length); 60 bukan const visitedCities = new Array(length); 61
- Untuk koleksi, hindari menambahkan tipe seperti list, array, queue pada nama. Gunakan nama konten dalam bentuk jamak. Misalnya, untuk larik mobil, gunakan const visitedCities = new Array(length); _62 dan bukan const visitedCities = new Array(length); 63 atau const visitedCities = new Array(length); 64. Mungkin ada pengecualian, seperti ketika Anda ingin menampilkan bentuk abstrak dari suatu fitur tanpa konteks aplikasi tertentu
- Untuk nilai primitif, gunakan camelCase, dimulai dengan karakter huruf kecil. Jangan gunakan const visitedCities = new Array(length); _65. Gunakan nama yang ringkas, dapat dibaca manusia, dan semantik jika perlu. Misalnya, gunakan const visitedCities = new Array(length); _66 daripada const visitedCities = new Array(length); 67
- Hindari penggunaan artikel dan posesif. Misalnya, gunakan const visitedCities = new Array(length); 68 alih-alih const visitedCities = new Array(length); 69 atau const visitedCities = new Array(length); 70. Mungkin ada pengecualian, seperti saat mendeskripsikan fitur secara umum tanpa konteks praktis
- Gunakan nama variabel seperti yang ditunjukkan di sini
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 0
Jangan beri nama variabel seperti inilet total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 1
Catatan. Satu-satunya tempat di mana diperbolehkan untuk tidak menggunakan nama semantik yang dapat dibaca manusia adalah di mana ada konvensi yang sangat umum dikenal, seperti menggunakan const visitedCities = new Array(length); 09 dan const visitedCities = new Array(length); 72 untuk iterator loop
Saat mendeklarasikan variabel dan konstanta, gunakan kata kunci const visitedCities = new Array(length); 12 dan const visitedCities = new Array(length); 10, bukan const visitedCities = new Array(length); 75. Contoh berikut menunjukkan apa yang direkomendasikan dan apa yang tidak ada di MDN Web Docs
- Jika suatu variabel tidak akan dipindahkan, pilih const visitedCities = new Array(length);
10, seperti itu
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 2
- Jika Anda akan mengubah nilai variabel, gunakan const visitedCities = new Array(length);
12 seperti yang ditunjukkan di bawah ini
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } _3
- Contoh di bawah menggunakan const visitedCities = new Array(length);
_12 dimana seharusnya const visitedCities = new Array(length);
10. Kode akan berfungsi, tetapi kami ingin menghindari penggunaan ini dalam contoh kode MDN Web Docs
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 4
- Contoh di bawah ini menggunakan const visitedCities = new Array(length);
_10 untuk variabel yang dipindahkan. Penugasan kembali akan menimbulkan kesalahan
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 5
- Contoh di bawah menggunakan const visitedCities = new Array(length);
_75, mencemari ruang lingkup global
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 6
- Deklarasikan satu variabel per baris, seperti itu
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 7
Jangan mendeklarasikan banyak variabel dalam satu baris, memisahkannya dengan koma atau menggunakan deklarasi berantai. Hindari mendeklarasikan variabel seperti inilet total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } 8
Hindari pemaksaan tipe implisit. Secara khusus, hindari const visitedCities = new Array(length); _82 untuk memaksa nilai menjadi angka dan const visitedCities = new Array(length); 83 untuk memaksanya menjadi string. Gunakan const visitedCities = new Array(length); _84 dan const visitedCities = new Array(length); 85, tanpa const visitedCities = new Array(length); 86, sebagai gantinya. Menulis
let total = 0; // For loop from 1 to 4 for (let i = 0; i < 4; i++) { // Add value to the total total += arr[i]; } _9
Jangan menulis
closeConnection(); 0
Selain fitur bahasa JavaScript ini, kami merekomendasikan beberapa panduan terkait API Web untuk diperhatikan
Jika semua browser utama (Chrome, Edge, Firefox, dan Safari) mendukung suatu fitur, jangan awali fitur tersebut. Menulis
closeConnection(); _1
Hindari kerumitan awalan yang ditambahkan. Jangan menulis
closeConnection(); _2
Aturan yang sama berlaku untuk awalan CSS
Ketika metode, properti, atau seluruh antarmuka tidak digunakan lagi, jangan gunakan itu (di luar dokumentasinya). Sebagai gantinya, gunakan API modern
Berikut adalah daftar API Web yang tidak lengkap yang harus dihindari dan apa yang harus diganti
- Gunakan const visitedCities = new Array(length); _87 alih-alih XHR (const visitedCities = new Array(length); 88)
- Gunakan const visitedCities = new Array(length); _89 alih-alih const visitedCities = new Array(length); 90, di Web Audio API
- Jangan gunakan const visitedCities = new Array(length);
_91 untuk menyisipkan konten teks murni ke dalam elemen; . Properti const visitedCities = new Array(length);
_93 menyebabkan masalah keamanan jika pengembang tidak mengontrol parameter. Semakin kita sebagai penulis menghindari menggunakannya, semakin sedikit kelemahan keamanan yang dibuat saat pengembang menyalin dan menempelkan kode kita. Contoh di bawah ini menunjukkan penggunaan const visitedCities = new Array(length);
_94
closeConnection(); _3
Jangan gunakan const visitedCities = new Array(length); _93 untuk menyisipkan teks murni ke dalam simpul DOMcloseConnection(); _4
- Fungsi const visitedCities = new Array(length); _96 tidak dapat diandalkan. Itu tidak berfungsi dalam contoh langsung di MDN Web Docs yang ada di dalam const visitedCities = new Array(length); 97. Selain itu, ini adalah modal untuk seluruh jendela, yang mengganggu. Dalam contoh kode statis, gunakan closeConnection(); // Closing the connection _8 atau closeConnection(); // Closing the connection 9. Dalam contoh langsung, hindari closeConnection(); // Closing the connection _8 dan closeConnection(); // Closing the connection 9 karena tidak ditampilkan. Gunakan elemen UI khusus
- Saat mencatat pesan, gunakan ________17______8
- Saat mencatat kesalahan, gunakan ________17______9
Referensi bahasa JavaScript - jelajahi halaman referensi JavaScript kami untuk melihat beberapa cuplikan JavaScript yang bagus, ringkas, dan bermakna