Apa cara penulisan nama yang benar dalam javascript?

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 baik

      let 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 menulis

      closeConnection(); // 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 menulis

      const 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 fungsi

      const 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 ini

      const 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 lakukan

      const pets = []; _6

    • Saat menggunakan fungsi panah, gunakan (juga dikenal sebagai tubuh ringkas) jika memungkinkan

      const pets = []; _7

      Dan tidak

      const 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); _02

      pets.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 pemula

      pets.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 menulis

      pets.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 menulis

      pets[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 menulis

      let 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 ini

      let 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 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]; } 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 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]; } 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 DOM

      closeConnection(); _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

    Apa aturan untuk memberi nama JavaScript?

    JavaScript hanya memiliki sedikit aturan untuk nama variabel. .
    Karakter pertama harus berupa huruf atau garis bawah (_). .
    Nama variabel lainnya dapat menyertakan huruf apa saja, angka apa saja, atau garis bawah. .
    Seperti JavaScript lainnya, nama variabel peka terhadap huruf besar-kecil. .
    Tidak ada batasan panjang nama variabel

    Bagaimana cara menulis nama file JavaScript?

    Tidak ada konvensi resmi dan universal untuk menamai file JavaScript. Ada beberapa berbagai pilihan. scriptName. js. .
    foo-1. 2. js
    foo-1. 2. js
    foo-2. 1. js

    Bagaimana cara memberi nama metode dalam JavaScript?

    Konvensi Penamaan untuk Metode . Jadi, aturan konvensi penamaannya sama. Kita harus menggunakan huruf unta untuk mendeklarasikan metode JavaScript dan menggunakan kata kerja sebagai awalan untuk membuat nama lebih bermakna .

    Haruskah JavaScript menjadi kasus ular atau kasus unta?

    js sendiri menggunakan kasing unta, kami secara internal tetap menggunakan kasing ular karena lebih mudah dibaca. Lakukan sesukamu. Tetapi jika API Anda menggunakan kasing ular, itu alasan yang sangat bagus untuk tetap menggunakan kasing ular sendiri

  • Postingan terbaru

    LIHAT SEMUA