[eslint] if 문과 관련된 규칙

if 문과 관련된 eslint 규칙에 대해 알아보도록 하겠습니다.
최종 규칙을 보여드리면 아래와 같습니다.
하나씩 알아보도록 하겠습니다.

{
  "rules": {
    "curly": ["error", "all"],
    "no-constant-condition": "error",
    "no-lonely-if": "error",
    "no-negated-condition": "warn",
    "no-else-return": "warn"
  }
}

curly

if문 외에 중괄호를 사용하는 if, else, for, while 등에 적용되는 규칙입니다.
강제로 중괄호를 작성하게 함으로써 가독성을 높이고 실수를 방지할 수 있습니다.

// bad
if (condition) statement;

// good
if (condition) {
  statement;
}

no-constant-condition

해당 규칙은 상수 값의 경우 if, while 등 조건식에서 사용하는 것을 금지하는 규칙입니다.
항상 참 또는 거짓이기 때문입니다.

// bad
if (true) {}

// bad
if (false) {}

no-lonely-if

else 블록 안에 단독으로 if문이 작성되는 경우를 금지하는 규칙입니다.
그 대신 else-if를 사용하시면 됩니다.

// bad
if (condition1) {}
else {
  if (condition2) {}
}

// good
if (condition1) {}
else if (condition2) {}

no-negated-condition

부정 조건문 금지하는 규칙입니다.

// bad
if (!isFixed) {}
else {}

// good
if (isFixed) {}
else {}

no-else-return

불필요한 else 사용을 금지하는 규칙입니다.

// bad
if (condition) {
  return true;
} else {
  return false;
}

// good
if (condition) {
  return true;
}
return false;