JavaScript의 삼항 연산자가 ` =` 연산자와 함께 사용될 때 왜 다르게 동작합니까?

JavaScript의 삼항 연산자 및 연산자 우선 순위

코드에서 작업이 수행되는 순서를 이해하는 것은 예상치 못한 결과를 방지하는 데 중요합니다. JavaScript에서 삼항 연산자는 특히 다른 연산자와 결합할 때 공통적인 과제를 제시합니다.

다음 코드 조각을 고려하세요.

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

코드가 다음과 같이 작동한다고 가정할 수도 있습니다.

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

그러나 이 해석은 콘솔 오류가 발생하므로 잘못된 해석입니다. 코드를 올바르게 이해하려면 연산자 우선 순위를 고려하는 것이 중요합니다.

답변:

코드를 이해하는 열쇠는 연산자가 삼항보다 우선한다는 점을 인식하는 것입니다. 연산자. 따라서 코드는 다음과 같이 평가합니다.

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

이 경우 연산자는 h.className을 삼항 연산자의 결과와 연결합니다. 삼항 연산자는 h.className의 진실성을 확인하고 참이면 'error'를 반환하고, 그렇지 않으면 'error'를 반환합니다.

혼란을 피하기 위해 연산 대상을 명시적으로 지정하는 것이 좋습니다. 이 경우 괄호를 사용하여 표현식을 그룹화하면 연산자가 의도한 대로 h.className에 적용됩니다.

위 내용은 JavaScript의 삼항 연산자가 ` =` 연산자와 함께 사용될 때 왜 다르게 동작합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!