Short Circuit Evaluation (단락회로 평가) - 한입 크기로 잘라 먹는 리액트 (303)

단락회로 평가 (Short Circuit Evaluation; SCE)

- 피연산자 중 뒤에 위치한 피연산자를 확인할 필요 없이 연산을 끝내는 것
- 왼쪽에서 오른쪽으로 연산하는 논리 연산자의 연산 순서를 이용하는 문법

 

예제 1

console.log(true && true); // 단락회로 평가 X
console.log(false && true); // 단락회로 평가 O

console.log(false || false); // 단락회로 평가 X
console.log(true || false); // 단락회로 평가 O

console.log(!true);

 

예제 2

const getName = (person) => {
  // 단락회로 평가 미사용
  // if (!person) {
  //   return '객체가 아닙니다.';
  // }
  // return person.name;

  // 단락회로 평가 사용
  const name = person && person.name;
  // ㄴ person이 falsy하면 person.name을 보지 않고 person 할당, truthy하면 person.name 할당
  return name || '객체가 아닙니다.';
  // ㄴ name이 truthy하면 '객체가 아닙니다.'를 보지 않고 name 리턴, falsy하면 '객체가 아닙니다.' 리턴
};

let person = { name: 'Cade' };
const name = getName(person);
console.log(name); // 'Cade'

 

개인적으로 예제 2가 굉장히 신선했고, 간지도 났다. 바로 내 것으로 만들고 싶은 욕심이 생겼고, 실제로 코테 풀면서 잘 쓰고 있다.

 
 
출처: https://inf.run/3Kzd

한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의