> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 쉼표 연산자는 어떻게 작동하나요?

JavaScript에서 쉼표 연산자는 어떻게 작동하나요?

Susan Sarandon
풀어 주다: 2024-12-21 11:32:10
원래의
687명이 탐색했습니다.

How Does the Comma Operator Work in JavaScript?

JavaScript에서 쉼표 연산자의 기능

JavaScript에서 ","로 표시되는 쉼표 연산자는 고유한 역할을 합니다. 코드를 실행하는 역할. 사소해 보일 수도 있지만 효과적인 스크립트를 작성하려면 그 동작을 이해하는 것이 중요합니다.

쉼표 연산자의 역할

쉼표 연산자는 일반적인 연산자와 다릅니다. 피연산자를 수정하거나 비교하지 마세요. 대신 단순히 왼쪽에서 오른쪽으로 순서대로 평가하여 마지막 피연산자의 값을 반환합니다. 이 동작을 "부작용 평가"라고 합니다.

예: 숫자 표현식

예를 고려하세요.

1,09 * 1; // returns "9"
로그인 후 복사

여기, 1 ,09는 쉼표가 있어서 숫자로 인식되지 않습니다. 쉼표는 1,09를 먼저 평가하므로 숫자 값이 아닌 문자열 연결로 해석됩니다. 1 * "9"를 곱하면 최종 결과로 "9"가 반환됩니다.

조건문의 응용

쉼표 연산자는 여러 식이 있는 조건문에서 사용됩니다. 순차적으로 평가해야 합니다. 예:

if (0,9) alert("ok"); // alert
if (9,0) alert("ok"); // don't alert
로그인 후 복사

첫 번째 경우 두 표현식(0과 9)이 모두 평가되고 두 ​​번째 표현식(9)이 true로 반환됩니다. 경고가 트리거됩니다. 두 번째 경우에는 첫 번째 식(9)은 참이지만 두 번째 식(0)은 거짓입니다. 조건식은 false로 평가되므로 경고가 표시되지 않습니다.

함수 호출 구분

쉼표 연산자를 사용하여 함수 호출을 구분할 수도 있습니다. 다음 예를 고려하십시오.

alert(1); alert(2); alert(3); // 3 alerts
alert(1), alert(2), alert(3); // 3 alerts too
로그인 후 복사

두 경우 모두 세 개의 경고가 표시됩니다. 그러나 쉼표를 사용하면 세 호출이 모두 그룹화되어 하나의 표현식으로 평가되므로 더 적은 줄로 코드를 작성할 수 있습니다.

복잡한 표현식 평가

다음 예에서는 쉼표 연산자가 복잡한 표현식을 평가하는 방법을 보여줍니다.

alert("2",
    foo = function (param) {
        alert(param)
    },
    foo('1')
)
foo('3'); // alerts 1, 2 and 3
로그인 후 복사

여기서 쉼표 연산자는 함수 호출을 평가합니다. foo('1') 먼저 "1"을 경고합니다. 그런 다음 다음에 경고되는 문자열 "2"를 반환합니다. 마지막으로 foo('3') 호출이 이루어지고 "3"에게 경고합니다. 이 동작을 통해 여러 작업의 부작용을 간결하게 평가할 수 있습니다.

위 내용은 JavaScript에서 쉼표 연산자는 어떻게 작동하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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