> 웹 프론트엔드 > JS 튜토리얼 > JavaScript Quick Bits: 잘못된 비교

JavaScript Quick Bits: 잘못된 비교

Patricia Arquette
풀어 주다: 2024-10-17 06:18:29
원래의
767명이 탐색했습니다.

JavaScript Quick Bits: Bad Comparisons

작은 벌레는 예상치 못한 곳에서 기어들어올 수 있습니다. 잘못된 값으로 인해 조건부 논리가 예기치 않은 방식으로 실패할 수 있습니다. 심각한 불평등의 골칫거리를 간단히 살펴보겠습니다.

기초

이러한 기능은 동일하지 않습니다. 거의 동일하지만 매우 구체적인 차이점이 있습니다. 보이시나요?

const one = (a) => a > 10;
const two = (a) => !(a <= 10);
로그인 후 복사

정의되지 않음 또는 NaN을 사용하여 불평등 검사를 수행할 때마다 결과는 거짓입니다. 극단적인 경우를 명시적으로 확인하지 않으면 두 개의 "동등한" 확인이 서로 다른 답변을 반환할 수 있습니다.

어떻게 일어나는가

if (!(value <= 10)) {
  // ...
로그인 후 복사

해당 코드를 발견했다면 주저 없이 if (a > 10) {로 변경할 수 있습니다.

  • 더 짧습니다.
  • 가독성이 더 좋습니다.
  • 모든 일반 값은 동일합니다.

왜 중요한가요?

그러나 항상 정상적인 값을 얻는 것은 아닙니다. 이로 인해 코드가 크게 변경될 수 있습니다. 결함을 해결하기가 매우 어려울 수 있습니다. 이 간단한 코드에는 "잘못된" 값이 발생할 수 있다는 내용이 없으므로 완전히 놓칠 수 있습니다.

NaN은 숫자이기 때문에 유형 안전으로도 이 문제가 해결되지 않습니다. 단지 나쁜 숫자일 뿐입니다.

결론

코드에서 이와 같은 이상한 조건이 발생하는 경우 잘못된 값을 변경하면 어떻게 되는지 자문해 보세요. 코드를 통해 잘못된 값을 얻고 잘못된 계산을 수행하는 일이 발생하지 않기를 바랍니다. 하지만 이러한 변경 사항에 대해 약간 방어적인 태도를 취하면 미래의 자신을 위해 많은 문제를 줄일 수 있습니다.

이와 같은 경우 일반적으로 잘못된 값이 있는지 명시적으로 확인하는 것이 더 좋습니다. 이는 가능한 입력과 예상 결과를 다른 개발자에게 명확하게 전달합니다.

if (Number.isNaN(value) || value > 10) {
  // ...
로그인 후 복사

위 내용은 JavaScript Quick Bits: 잘못된 비교의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿