JavaScript 입문 : i++, i+=, i = i+1 (2)

지난시간에 이어 프로그램밍을 인식하는 순서에 대해 다시한번 확인하고 넘어 가겠습니다. 

 

아래와 같은 그림에서 다시 시작할게요.

 

 

i = i + 1은 다음과 같이 인식이 됩니다. 하늘색 i부터 계산이 되어 왼쪽 노란 i로 반영이 됩니다. 

 

참고로 노란색 i의 마지막 값이 최종으로 반환되는 값이라고 보면 됩니다. 여기서는 5입니다. 

 

그렇다면 i++은 다음과 같이 왼쪽부터 시작이 됩니다. 

 

 

여기서는 i의 반환되는 최종값은 4입니다. 둘 다 결과값이 같더라도 최종적으로 인식되는 반환값이 다른 이유가 계산방식이 왼쪽부터인가 오른쪽 부터인가에서 차아기 나기 때문입니다. 

 

이는 여러가지로 직접 콘솔에 써 보면서 다양한 경우의 수를 이해하는 훈련만이 답인 것 같습니다. 이러한 연습을 위해서 몇가지 console.log(  )의 위치를 보겠습니다. 

 

▒ console.log(  )의 위치

 

콘솔에 그려지는 console.log()의 위치를 변경하여 보면 i++과 i = i +1의 차이를 볼 수 있습니다. 

 

위 같은 예제를 활용하겠습니다. console.log()의 위치를 중간에 하고 결과값을 보면 아래와 같이 0 ~ 4까지만 출력이 됩니다. 위에서 말한 프로그램의 순서를 따르면 됩니다.  참고로 반환값이 4가 나옵니다. 

 

 

console.log(  )의 위치를 맨 밑으로 하면 다음과 같은 결과가 나오겠죠.

 

 

이제 다양하게 한번 나열해 보겠습니다. 만일 이 부분을 개인적으로 이해하면 이제 좀 더 공부를 해도 되는 수준이 된겁니다. 저도 시간이 좀 걸렸네요...

 

 

최종 반환값이 나오는 경우는 조건에 따른 동작문이 최종작동되는 경우 나타난 것으로 추정할 수 있습니다. (아직까지는)

 

이렇게 조금이라도 논리적으로 이해 안되는 부분을 그냥 넘어가는 실수를 하지 맙시다. 저도 지금은 머리가 많이 굳어서 이해하는데 있어 상당히 시간이 걸리지만 반드시 중년의 개발자로서 멋진 프로그램을 내놓고 싶은 마음에서 노력하고 있습니다.