자바스크립트 쉼표 연산자가 잘 이해가 되지 않습니다

Question

모던자바스크립트 딥다이브 책으로 공부하다가쉼표 연산자를 접했는데요 이해가 잘 되지 않습니다 ㅜㅜ콘솔로그에 x, y, z로 찍어봤을때 값은 1 2 3으로 나오는데저렇게 '마지막 피연산자의 평가 결과를 반환'이라고 말하면서 3만 나온다는게 무슨말인지 이해가 잘 안되네요구글검색하다 mdn에서도 쉼표연산자에 대한 설명이 나오는데 콘솔에는 4라는게 뭐를 위미하는지 잘 모르겠습니다a b c의 값이 찍어보면 a b는 3인데 왜 4만 나온다는건가여?밑에 x가 6인것은 왜 굳이 괄호안에 넣은건가요?

하얀뼈 · Answer

마지막 피연산자의 결과를 반환한다 -> 이건 이해가 아니라 외워야 하는 규칙입니다. 왜? 가 필요없어요. 빨간색이 왜 빨간색인지 이해하는 사람있나요? (빨간색 파장만 반사하는건 여기서 논외..) 그냥 어릴때부터 빨간색이라고 외웠기 때문이죠.x가 6일것도 y5z6중에 피연산자 마지막인 6이 x = ? 에 할당되니깐 위 규칙이 맞는 결과이죠.(a=b=3),(c=4) 를 지금 okky에서 f12로 콘솔 열어서 찍어보면 4만 나옵니다. 위 조건에 맞게 출력되죠.

kenu,전독시 · Answer

어떤 결과를 기대하셨는데요?

엡실론 · Answer

쉼표 연산자 입니다. 더하기 연산자 a+b의 값은 a 와 b를 더한 값이죠. 마찬가지로 쉼표 연산자a,b의 값은 b 입니다. 콘솔에는 결과값이 출력되니 4가 나오죠.왜 괄호를 쓰냐 : 연산자 우선순위 때문입니다.

mirheeoj · Answer

var x, y, z, result; result = (x=1, y=2, z=3); console.log("result: " + result);이 코드 결과가 3이 나온다는 뜻입니다. 간단하죠?"마지막 피연산자의 결과만 반환한다"는 말이 난해할 수 있기는 합니다. 저 결과가 직관적이지는 않기 때문입니다. (실제로 일부 다른 언어에서는 다르게 해석되거나 빌드 에러가 발생합니다.) 예제가 필요한 이유인데, 본문의 예제가 이를 보여주고 있기는 하나 프로그램 실행으로 결과가 나오는게 아니고 콘솔에 쳐야만 나오는 것이라 착오가 있으셨던 것 같습니다.

자바스크립트 쉼표 연산자가 잘 이해가 되지 않습니다

4개의 답변

Q&A 목록