JavaScript에서 (a== 1 && a ==2 && a==3) 과연 True가 될 수 있을까요?

이 당황스러운 인터뷰 이 질문은 JavaScript의 항등 연산자(==)에 대한 이해에 도전합니다. 질문은 표현식 (a== 1 && a ==2 && a==3)을 true로 평가하는 것이 가능한지 여부를 묻습니다.

언뜻 보기에는 a가 3과 같을 수 없으므로 불가능해 보입니다. 동시에 고유한 값을 제공합니다. 그러나 JavaScript의 == 연산자의 가변성을 활용하는 영리한 트릭이 있습니다.

JavaScript에서 ==는 유형 강제를 수행하여 예상치 못한 값 비교를 허용합니다. 사용자 정의 toString() 또는 valueOf() 함수를 사용하여 객체를 정의하면 객체를 숫자와 비교할 때 반환되는 값을 조작할 수 있습니다.

예를 들어 다음 코드를 고려하세요.

const a = {
  i: 1,
  toString: function () {
    return a.i  ;
  }
};

if(a == 1 && a == 2 && a == 3) {
  console.log('Hello World!');
}

여기서 객체 a에는 i가 1로 초기화된 속성이 있습니다. 해당 toString() 함수는 i를 증가시키고 해당 값을 반환하도록 정의되어 각 비교를 통해 객체의 표현을 효과적으로 변경합니다.

a가 처음 1과 비교되면 i는 2로 증가됩니다. 두 번째 비교에서는 i가 다시 3으로 증가하여 등식 조건을 만족합니다. 마지막으로 세 번째 비교에서 i는 4로 증가하지만 유형 강제 변환을 통해 다시 3으로 변환되어 일치하게 됩니다.

따라서 JavaScript의 유연한 같음 연산자를 활용하고 사용자 정의 개체를 정의하면 실제로 표현식(a== 1 && a ==2 && a==3)을 만족시켜 true로 평가하는 것이 가능합니다.