پرش به مطلب اصلی

Case Styles

تو برنامه‌نویسی بخش‌های مختلف یک خط کد رو با Space از هم جدا می‌کنیم تا Compiler بتونه دستور ما رو متوجه بشه.

به‌عنوان مثال، اینجا بین کلمات Space گذاشتیم تا اسامی و کلیدواژه‌ها و... از هم قابل‌تفکیک باشن:

const name = "Bijan";

به همین خاطر، اگه بخوایم از عبارتی استفاده کنیم که شامل چند کلمه باشه، نمی‌تونیم بین کلمات Space بذاریم.

به‌عنوان مثال، این کد اشتباهه:

const first name = "Bijan";

یه مفهومی به اسم Case Styles وجود داره که به ما میگه کلماتِ یک عبارت رو چطور بنویسیم.

هر Case Style کاربرد خاص خودش رو داره که اینجا سعی می‌کنیم به چند مورد اشاره کنیم.

lowercase​

تمام حروف رو کوچیک می‌نویسیم. کلمات باید بدون فاصله به هم بچسبن.

HTML
<!-- Tag -->
<textarea></textarea>

<!-- Attribute -->
<button onmouseenter="chiz()"></button>
علت نام‌گذاری

تو چاپخونه‌های قدیمی، از حروف فلزی برای چاپ استفاده می‌کردن که تو دو کشو تقسیم‌شون کرده بودن. کشوی بالایی مربوط به حروف بزرگ بود (Upper Case)، وکشوی پایینی مربوط به حروف کوچیک (Lower Case).

UPPERCASE​

تمام حروف رو بزرگ می‌نویسیم. کلمات باید بدون فاصله به هم بچسبن.

اطلاع

این Case Style معمولاً خیلی تو وب استفاده نمیشه.

علت نام‌گذاری

تو قسمت lowercase توضیح داده شد.

PascalCase​

حرف اول هر کلمه رو بزرگ و باقی حروف رو کوچیک می‌نویسیم.

JavaScript
// Class
class SqlOrm {}
TypeScript
// Type
type UserAddress = {};

// Interface
interface ChocolateFactory {}

// Enum
enum FileUploadStatus {}
React
// Component
function EditUserForm() {}
علت نام‌گذاری

تو زبان برنامه‌نویسی Pascal ازش استفاده میشد.

camelCase​

دقیقاً مشابه PascalCase ولی حرف اولِ اولین کلمه باید کوچیک باشه.

JavaScript
// Variable
const firstName = "";

// Object Key
const user = {
  username: "",
  password: "",
  isAdmin: false,
};

// Function
function sortItemsByName() {}
const fetchAllPosts = () => {};

// Function Parameter
function fetchMeSomething(baseUrl, httpHeaders) {}

// Class Field
class Shape {
  sidesCount;
  register() {}
  login() {}
}
علت نام‌گذاری

وقتی عبارت رو می‌نویسیم، شبیه به شتری میشه که از بغل داریم بهش نگاه می‌کنیم و کوهان‌هاش بالاتر از بقیه‌ی بدنش قرار دارن.

kebab-case​

تمام حروف رو کوچیک می‌نویسیم و کلمات رو با خط تیره (Hyphen) از هم جدا می‌کنیم.

HTML & CSS
<!-- ID -->
<button id="remove-user">Remove User</button>

<!-- Class -->
<img class="user-profile-picture" src="" alt="" />
اطلاع

برای نام‌گذاری تمام فایل‌ها و فولدرها باید از kebab-case استفاده کنیم.

علت نام‌گذاری

شبیه به کبابه؛ کلمات گوشتن و خط تیره‌ی بینشون سیخه.

snake_case​

تمام حروف رو کوچیک می‌نویسیم و کلمات رو با Underline از هم جدا می‌کنیم.

اطلاع

این Case Style معمولاً خیلی تو وب استفاده نمیشه.

علت نام‌گذاری

شبیه به ماره؛ چون تمام کاراکترها، حتی Underline، روی زمین قرار دارن و انگار بدن یه ماره که داره میخزه.

SCREAMING_SNAKE_CASE​

تمام حروف رو بزرگ می‌نویسیم و کلمات رو با Underline از هم جدا می‌کنیم.

TypeScript
// Enum Key
enum FileUploadStatus {
  PENDING,
  SUCCESSFUL,
  FAILED,
}

// Readonly Variable
const OPTIONS = ["to be", "not to be"] as const;
علت نام‌گذاری

شبیه به snake_case ئه اما تمام حروفش بزرگن و انگار دارن فریاد میزنن.