Skip to content

Variable Naming

Monday, 01 Jul 2024
       

Naming

UPPERCASE

ใช้กับชื่อตัวแปรของไฟล์ .env หรือ ชื่อตัวแปรที่มีค่าคงที่

js
const MY_KEY = '123456'
const API = '123xyz'
API_KEY=abc123
PASSWORD=xyz456

kebab-case

ใช้ตั้งชื่อ Directory หรือ filename (.js)

  • Directory (JS): users-module
  • File name (JS): my-filename.js

PascalCase

ใช้ตั้งชื่อ component, file name (.vue) ของ Front-end

  • Components Directory: MyComponents

  • File name (Vue): HomePage.vue

camelCase

ใช้ตั้งชื่อ filename, function name, Variable, Object key, database field

  • File name (JS): myFilename.js
  • Database field: userId, userStatus, paymentId
js
// function
const myFunctionName = () => {
  return true
}

// variable
const variableName = null

// Object key
const myObject = {
  userId: 1,
  fullName: 'Full name'
}

snake_case

ใช้ตั้งชื่อ database field

  • Database field: user_id, user_status, payment_id

Built with: VitePress.