본문 바로가기

JavaScript

JavaScript 코딩 규칙 + 알아둬야 할 센스

반응형

전역 변수 사용 최소화하기

전역 변수는 충돌을 일으킬 수 있으므로 지역 변수를 사용해야 합니다.

// 나쁜 예
var x = "global";

// 좋은 예
function example() {
var x = "local";
}

변수와 선언 위치

변수 선언은 상단에 위치해야 깔끔합니다.

// 좋은 예
let firstName = "John";
let lastName = "Doe";
// 사용 코드

'const' 키워드 활용

객체와 배열의 타입 변경 방지.

// 나쁜 예
let car = {type:"Fiat"};
car = "Fiat";

// 좋은 예
const car = {type:"Fiat"};
// car = "Fiat"; 오류 발생

새로운 객체 생성 지양

기본 타입을 사용하자.

// 나쁜 예
let x = new String("hello");

// 좋은 예
let x = "hello";

자동 타입 변환 주의

문자열과 숫자의 변환 주의.
let x = 5 + "7"; // x는 "57"

'===' 연산자 사용하기

값과 타입 동시 비교.

// 나쁜 예
0 == ""; // true

// 좋은 예
0 === ""; // false

매개변수 기본값 할당

기본값 할당.

// 좋은 예
function myFunction(x = 0, y = 0) { /* 코드 */ }

'switch'문에 기본값 추가

예상치 못한 상황 처리.

// 좋은 예
switch(day) {
// 케이스
default:
day = "Unknown";
}

객체 대신 기본값 사용

기본 값 사용.

// 나쁜 예
let y = new String("John");

// 좋은 예
let x = "John";

'eval()' 사용 지양

보안 문제를 일으킬 수 있으므로 사용 지양.

// 나쁜 예
eval("alert('Hi')");

// 좋은 예
alert('Hi');

반응형