Haruskah saya menggunakan huruf unta di javascript?

Jika Anda sudah lama memprogram, Anda mungkin pernah mendengar kata "camel case" atau "pascal case". Dan mungkin Anda bertanya-tanya apa arti istilah-istilah itu. Baiklah, izinkan saya menjelaskan

Apa itu Konvensi Penamaan dalam Pemrograman?

Terlepas dari aturan keras dan cepat yang kami dapatkan dengan setiap bahasa pemrograman, ada juga konvensi. Ini adalah kumpulan standar yang diterima secara umum oleh sebagian besar pengembang di luar sana

Di antara semua jenis konvensi, konvensi penamaan adalah beberapa yang paling umum. Karena sebagai programmer, kami menyebutkan banyak hal. Seperti variabel, fungsi, kelas, metode, antarmuka dan sebagainya

Selama bertahun-tahun, pengembang telah menggunakan berbagai jenis kasus untuk menamai entitas yang berbeda dalam kode mereka. Dan empat di antaranya terbukti paling populer. Mereka

Mari kita lihat beberapa contoh sehingga Anda dapat melihat cara kerjanya, oke?

Apa itu Camel Case?

Dalam kasus unta, Anda memulai nama dengan huruf kecil. Jika nama memiliki beberapa kata, kata selanjutnya akan dimulai dengan huruf kapital

Berikut adalah beberapa contoh kasus unta. firstName dan lastName

Apa itu Kasus Ular?

Seperti dalam kotak unta, Anda memulai nama dengan huruf kecil dalam kotak ular. Jika nama memiliki beberapa kata, kata selanjutnya akan dimulai dengan huruf kecil dan Anda menggunakan garis bawah (_) untuk memisahkan kata

Berikut adalah beberapa contoh kasus ular. first_name dan last_name

Apa itu Kebab Case?

Huruf Kebab mirip dengan huruf ular, tetapi Anda menggunakan tanda hubung (-) alih-alih garis bawah (_) untuk memisahkan kata

Berikut adalah beberapa contoh kasus kebab. first-name dan last-name

Apa itu Kasus Pascal?

Berbeda dengan contoh sebelumnya, nama dalam huruf pascal dimulai dengan huruf kapital. Dalam hal nama dengan banyak kata, semua kata akan dimulai dengan huruf kapital

Berikut adalah beberapa contoh kasus pascal. FirstName dan LastName

Kapan Menggunakan Setiap Konvensi Penamaan

Sekarang, berdasarkan bahasa yang sedang Anda kerjakan dan apa yang Anda beri nama, jenis kasus pilihan dapat berubah

Misalnya, menurut PEP 8 – Panduan Gaya untuk Kode Python, nama variabel dan fungsi harus menggunakan huruf ular

user_name = 'Farhan'

def reverse_name(name):
	return name[::-1]

Mari kita lihat JavaScript sekarang. Menurut Panduan Gaya JavaScript Airbnb, nama variabel dan fungsi harus menggunakan huruf unta

const userName = "Farhan";

function reverseName(name) {
 	return name.split("").reverse().join("");
}

Meskipun Python dan JavaScript mengharuskan Anda untuk mengikuti konvensi yang berbeda saat memberi nama variabel dan fungsi, kedua bahasa tersebut mengharuskan Anda menggunakan huruf pascal saat memberi nama kelas

Panduan gaya tersedia untuk kurang lebih semua bahasa pemrograman populer. Berikut adalah beberapa yang paling umum digunakan

• Python - PEP 8 – Panduan Gaya untuk Kode Python
• JavaScript - Panduan Gaya JavaScript Airbnb
• Java - panduan gaya Java
• C# - Konvensi Pengodean C#
• Go - Panduan Gaya Uber Go
• C++ - Panduan Inti C++
• PHP-PSR-12. Gaya Pengodean yang Diperpanjang

Ini adalah beberapa panduan yang saya sebutkan di masa lalu. Ada panduan lain juga. Jangan ragu untuk melakukan riset sendiri dan memilih yang Anda suka. Pastikan panduan yang Anda ikuti benar-benar dihargai oleh komunitas pengembang

Kesimpulan

Ini adalah konvensi penamaan paling populer yang harus Anda ketahui. Jika Anda ingin mempelajari lebih lanjut tentang konvensi penamaan yang berbeda, Anda dapat membaca panduan gaya untuk bahasa yang Anda gunakan

Mengetahui konvensi bahasa yang Anda pelajari itu penting. Meskipun tidak mengikuti konvensi tidak akan merusak kode Anda, itu akan membuatnya kurang konsisten dan lebih sulit untuk dikerjakan

Mengikuti konvensi sederhana ini, di sisi lain, akan membuat kode Anda lebih mudah dibaca dan lebih mudah digunakan. Jadi bantulah diri Anda sendiri dan orang lain dan ikuti konvensi

IKLAN

IKLAN

IKLAN

Farhan Hasin Chowdhury

Pengembang perangkat lunak dengan keahlian untuk mempelajari hal-hal baru dan menulis tentangnya

Jika Anda membaca sejauh ini, tweet ke penulis untuk menunjukkan bahwa Anda peduli. Tweet terima kasih

Belajar kode secara gratis. Kurikulum open source freeCodeCamp telah membantu lebih dari 40.000 orang mendapatkan pekerjaan sebagai pengembang. Memulai

Jangan gunakan garis bawah di belakang atau di depan. JavaScript tidak memiliki konsep privasi dalam hal properti atau metode. Meskipun garis bawah utama adalah konvensi umum yang berarti pribadi, pada kenyataannya, properti ini sepenuhnya bersifat publik, dan dengan demikian, merupakan bagian dari kontrak API publik. Konvensi ini mungkin menyebabkan pengembang salah mengira bahwa perubahan tidak akan dianggap melanggar, atau bahwa pengujian tidak diperlukan

ESLint. tanpa garis bawah-menjuntai

⇣ Kode salah untuk aturan ini

this.__snow__ = "Snow";
this.frost_ = "Frost";
this._ice = "Ice";

⇡ Kode yang benar untuk aturan ini

this.snow = "Snow";
this.frost = "Frost";
this.ice = "Ice";

Di lingkungan tempat

const snowflakes = {};
const thisIsWinterSeason = {};
function snow() {}

this.snow = "Snow";
const flakes = new WeakMap();
flakes.set(this, "Snow");

No const snowflakes = {}; const thisIsWinterSeason = {}; function snow() {} _6 Referensi Diri

Jangan simpan referensi ke

const snowflakes = {};
const thisIsWinterSeason = {};
function snow() {}

⇣ Kode salah untuk aturan ini

function snow() {
  const self = this;
  return function() {
    console.log(self);
  };
}

⇡ Kode yang benar untuk aturan ini

function snow() {
  return () => {
    console.log(this);
  };
}

Pencocokan Ekspor Nama File

Nama file dasar harus sama persis dengan nama ekspor standarnya

⇣ Kode salah untuk aturan ini

⇡ Kode yang benar untuk aturan ini

Ekspor Fungsi Default

Gunakan saat menggunakan

const snowflakes = {};
const thisIsWinterSeason = {};
function snow() {}

⇣ Kode salah untuk aturan ini

⇡ Kode yang benar untuk aturan ini

Ekspor tunggal

Gunakan saat mengekspor konstruktor, kelas, singleton, pustaka fungsi, atau objek telanjang

⇣ Kode salah untuk aturan ini

⇡ Kode yang benar untuk aturan ini

Akronim Dan Initialisms

Akronim dan inisialisme harus selalu huruf besar semua atau huruf kecil semua. Nama adalah untuk keterbacaan, bukan untuk menenangkan algoritma komputer

⇣ Kode salah untuk aturan ini

import SmsContainer from "./containers/SmsContainer";

⇡ Kode yang benar untuk aturan ini

const snowflakes = {};
const thisIsWinterSeason = {};
function snow() {}

⇢ Kode yang disarankan untuk aturan ini

const snowflakes = {};
const thisIsWinterSeason = {};
function snow() {}

Konstanta

Gunakan UPPERCASE untuk konstanta jika itu

1. diekspor
2. adalah

   const snowflakes = {};
   const thisIsWinterSeason = {};
   function snow() {}
   

   _9
3. konsumen dapat mempercayainya untuk tidak pernah berubah

Ini adalah alat tambahan untuk membantu dalam situasi di mana konsumen tidak yakin apakah suatu variabel dapat berubah. UPPERCASE_VARIABLES menunjukkan bahwa mereka (dan propertinya) tidak berubah

Haruskah JavaScript menjadi CamelCase?

Kapan menggunakan kasing unta di JavaScript?

CamelCase atau garis bawah mana yang lebih baik?

Haruskah file JavaScript dikapitalisasi?