[ 모던 자바스크립트 Deep Dive ] 쉼표 연산자

 

 

1. 쉼표 연산자

쉼표 연산자(,)는 왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평가 결과를 반환한다

var x, y, z;

x = 1, y = 2, z = 3; // 3

x = (2, 3);

console.log(x);
// expected output: 3

var a, b, c;

a = b = 3, c = 4; // 콘솔에는 4를 반환
console.log(a); // 3 (제일 왼쪽)

var x, y, z;

x = (y = 5, z = 6); // 콘솔에는 6을 반환
console.log(x); // 6 (제일 오른쪽)

 

 

2. 연산 후 반환

값을 반환하기 이전에 연산을 수행할 때도 쉼표 연산자를 사용한다. 쉼표 연산자는 마지막 표현식의 결과만 반환하기 때문.
또한 쉼표 연산자는 이전 피연산자에 대해서도 평가를 진행하기 때문에 이렇게도 작성할 수 있다

function myFunc () {
  var x = 0;

  return (x += 1, x); // ++x 와 같은 효과
}

 

 

도움

mdn 쉼표 연산자