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