`h.className = h.className 으로 인해 내 JavaScript 코드가 실패하는 이유는 무엇입니까? \' 오류\' : \' 오류\'`?

연산자 우선순위 수수께끼: JavaScript의 삼항 연산자 및 연결

JavaScript에서 삼항 연산자를 사용하는 것은 특히 다른 연산자와 혼합될 때 혼란스러울 수 있습니다. 연산자. 다음 코드 조각을 고려하십시오.

h.className += h.className ? ' error' : 'error'

이 코드의 목적은 HTML 요소 'h'의 className 속성에 'error' 문자열을 추가하는 것입니다. 그러나 오류로 인해 코드가 실패합니다. 그 이유를 이해하려면 JavaScript의 연산자 우선 순위를 분석해야 합니다.

삼항 연산자(?:)는 할당 연산자(=)보다 우선 순위가 높습니다. 따라서 위의 코드는 다음과 동일합니다.

h.className = h.className + (h.className ? ' error' : 'error')

이 해석이 더 의미가 있습니다. 삼항 연산자는 h.className이 null이 아닌지 또는 정의되지 않은("진실한" 값)지 여부를 확인합니다. true이면 h.className에 'error'를 추가합니다. 그렇지 않으면 '오류'가 추가됩니다.

원래 코드를 수정하려면 괄호 안에 대입 연산자를 명시적으로 추가해야 합니다.

h.className = h.className + (h.className ? ' error' : 'error')

대입 연산자를 괄호 안에 배치하여 재정의합니다. 우선순위 규칙을 적용하고 전체 삼항 표현식이 h.className에 할당되었는지 확인하세요.

위 내용은 `h.className = h.className 으로 인해 내 JavaScript 코드가 실패하는 이유는 무엇입니까? \' 오류\' : \' 오류\'`?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!