리팩토링 레거시`if/else` 블록이 현대적인 속기 조건부가 있습니다

if/else 과제를 ||, ?? 및 &&와 같은 3 인용 또는 논리 연산자로 교체하십시오. 2. IF/ELSE 대신 객체 매핑을 사용하여 체인이 여러 값 점검을 깨끗하게 해결하십시오. 3. 가드 조항을 통해 조기 반환을 적용하여 둥지를 줄이고 주요 흐름을 강조하십시오. 4. 조건부 루프를 선언적이고 읽기 쉬운 논리를 위해 찾기 및 필터와 같은 배열 메소드로 바꾸십시오. 5. 중복 속성 검사를 제거하기 위해 불이행 및 선택적 체인으로 파괴를 활용합니다. 목표는 깊이 중첩 된 조건부보다 현대식 자바 스크립트 패턴을 선호하여보다 유지 관리 가능하고 표현력있는 코드를 작성하는 것입니다.

리팩토링 레거시 if/else 최신 속기 조건부로 블록이 블록하는 경우 코드를 덜 작성하는 것이 아니라 가독성 향상, 중첩 감소 및 논리를 쉽게 유지할 수 있도록하는 것입니다. 지나치게 중첩되거나 깊이 묶여있는 if/else 문은 오래된 코드베이스에서 일반적이며 종종 버그, 혼란 및 복제로 이어집니다. 다행히도 현대 자바 스크립트 (및 다른 언어의 유사한 패턴)는 더 깨끗한 대안을 제공합니다.

다음은 전통적인 조건부를보다 표현적이고 간결한 구성으로 리팩트하는 방법입니다.

1. 간단한 삼부인을 논리적 할당으로 교체하십시오

조건에 따라 값을 할당하면 전체 if/else 블록을 피하십시오.

전에:

 결과하자;
if (userLoggedIn) {
  결과 = '환영';
} 또 다른 {
  결과 = '로그인';
}

후에:

 const result = userLoggedIn? '환영': '로그인';

간단한 진실/거짓 점검을 위해서는 논리 연산자를 사용하십시오.

 // 기본값
const name = username || '손님';

// Nullish Coalescing (더 안전 함)
const name = username ?? '손님';

// 단락 할당
isloggedin && showdashboard ();

이 속기는 보일러 플레이트를 줄이고 의도를 명확하게 만듭니다.

2. 긴 if/else if 객체 매핑을 사용하십시오.

여러 값에 대해 동일한 변수를 확인할 때 조회 객체는 일련의 if/else if 보다 깨끗합니다.

전에:

 행동하자;
if (status === 'loading') {
  액션 = '스피너';
} else if (status === 'success') {
  action = 'checkmark';
} else if (status === 'error') {
  행동 = '십자';
} 또 다른 {
  action = 'default';
}

후에:

 const statusmap = {
  로딩 : '스피너',
  성공 : '체크 마크',
  오류 : '크로스',
};

const action = statusMap [상태] || '기본';

또는 Map 또는 switch 스타일 기능으로 :

 const getAction = (상태) => ({{
  로딩 : '스피너',
  성공 : '체크 마크',
  오류 : '크로스',
}[상태] ?? '기본');

이 패턴은 더 잘 확장되고 테스트하거나 외부화하기가 더 쉽습니다.

3. 가드 조항을 조기 반환으로 교체하십시오

긴 if/else 블록은 종종 단순한 초기 출구를 숨기고 있습니다. 가드 조항을 사용하여 논리를 평평하게하십시오.

전에:

 기능 프로세서 (사용자) {
  if (사용자) {
    if (user.isActive) {
      reture sendwelcomeEmail (사용자);
    } 또 다른 {
      널 리턴;
    }
  } 또 다른 {
    널 리턴;
  }
}

후에:

 기능 프로세서 (사용자) {
  if (! user ||! user.isActive) return null;
  reture sendwelcomeEmail (사용자);
}

조기 반환은 들여 쓰기를 줄이고 행복한 길을 더 분명하게 만듭니다.

4. 조건부 루프 대신 배열 방법을 사용하십시오

때때로 if/else 논리가 루프 내부에 묻혀 있습니다. 선언적 배열 방법으로 교체하십시오.

전에:

 결과하자;
for (i = 0; i <Users.Length; i) {
  if (user [i] .id === targetID) {
    결과 = 사용자 [i];
    부서지다;
  }
}

후에:

 const result = user.find (user => user.id === targetID) ?? 널;

또는 여러 조건의 경우 :

 const 필터링 = users.filter (u => 
  U.Active && (u.role === 'admin'|| U.Role === '중재자')
);

선언적 방법은 얻는 방법이 아니라 원하는 것을 표현합니다.

5. 검사를 피하기 위해 파괴 및 불이행을 활용하십시오

기본값을 사용하여 누락 된 속성에 대한 if 를 피하십시오.

전에:

 함수 getName (user) {
  if (user && user.profile && user.profile.name) {
    return user.profile.name;
  }
  '익명'반환;
}

후에:

 함수 getName (user) {
  const {name = '익명'} = user? .profile || {};
  반환 이름;
}

또는 더 짧은 :

 const getName = (user) => user? .profile? .name ?? '익명의';

선택적 체인 ( ?. ) 및 Nullish Coalescing ( ?? )은 방어 코드의 전체 지점을 제거합니다.

목표는 진술이 전적으로 if 제거하는 것이 아니라 유효하고 필요합니다. 그러나 현대 언어 기능을 사용하면 복잡한 중첩 논리를보다 간단하고 유지 관리 가능한 패턴으로 대체 할 수 있습니다.

기본적으로 : 체인 대신지도, 일찍 돌아오고, 기본값을 사용하며, 표현식을 선호합니다. 그것은 마법이 아닙니다 - 단지 더 깨끗한 코드.

위 내용은 리팩토링 레거시`if/else` 블록이 현대적인 속기 조건부가 있습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!