TIL #7 javascript - 변수명 짓기

1. array

• 주로 값을 여러 개 보유하므로 변수 이름을 복수화

const fruit = ['apple', 'banana', 'cucumber'];  // Bad !! 
const fruitArr = ['apple', 'banana', 'cucumber'];  // okay
const fruits = ['apple', 'banana', 'cucumber'];  // good
const fruitNames = ['apple', 'banana', 'cucumber']; // great

2. Booleans

• "is", "has", "can"과 같은 접두사를 사용

 // bad  
const open = true;	// X
const write = true;	// X
const fruit = true;	// X

// good
const isOpen = true;
const canWrite = true;
const hasFruit = true;

3. booleans 을 반환하는 함수

const user = {
    fruits: ['apple']
}

const hasFruit = (user, fruitName) => (		// hasFruit
    user.fruits.includes(fruitName)
);

const checkHasFruit = (user, fruitName) => (
    user.fruits.includes(fruitName)
);

const hasFruit = checkHasFruit(user, 'apple');

4.Numbers

• 숫자를 설명하는 단어로 작성 (maximum, minimum, total)

// bad
const pugs = 3;

// good
const minPugs = 1;
const maxPugs = 5;
const totalPugs = 3;

5. Functions

• 동사와 명사를 사용하여 작성
• 함수가 리소스에 대해 특정 유형의 작업을 수행할 때 해당 이름이 이를 반영
• best form = actionResource
  ex) getUser

 // bad
userData(userId)	/X
userDataFunc(userId)	/X
totalOfItems(items)	/X

// good
getUser(userId);
calculateTotal(items);

6. 값을 변환하는 데 사용되는 일반적인 규칙

• 함수 이름 앞에 to를 붙이자

toDollars('euros', 20);
toUppercase('a string');

7. 항목을 반복할 때

• 함수 내에서 인수를 수신할 때 배열 이름의 단수 버전을 사용

// good
const newFruits = fruits.map(fruit => {
    return doSomething(fruit);
});
// 의미없는 x => {} 보다 fruit => {} 으로 !