undefined에 관해 궁금한 점이 있습니다.


(Dev Stuki) #1

안녕하세요.
요즘 신나게 자바스크립트를 배우고 있습니다.
그런데 궁금한게 있어서 문의드립니다.

아래의 이미지와 같이 코드를 작성해서 디버그 해보면 끝에 undefined가 하나씩 붙는데 어떤 이유인지 궁금합니다.

debug

처음에 이것 때문에 신경을 무척 많이 썼는데요.
혹시 obj 안에 다른게 더 있는 건가? 하면서요.

크롬 콘솔에서도 해보니 아래와 같이 마찬가지로 나옵니다.

이런 저런 테스트를 해보니 무시해도 될 것 같기는 한데
그래도 이유는 알아두어야 할 것 같아서 질문남깁니다.

답변부탁드립니다~! 감사합니다.


#2

자바스크립트에서는 함수 안에서 return하는 값이 없으면 undefined이 반환됩니다.
보여주신 코드에서 show로 시작하는 함수들은 return 값이 없어서 호출할 경우 undefined이 반환됩니다.
그리고 그 반환값을 console.log로 찍기 때문에 undefined가 중간에 찍히는 것입니다.

참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/undefined#설명


(Dev Stuki) #3

명확한 설명 감사합니다!


(이종은(Jong Lee)) #4

jsdev.kr 포럼은 markdown을 지원합니다. 따라서 코드를 넣으실 때 markdown 코드 문법인 ``` 을 코드 윗줄과 아래줄에 넣으면 코드가 이쁘게 보입니다.

입력

```
const a = 3;  //wow!
function wow(){
  reutnr 'x';
}
```

출력

const a = 3;  //wow!
function wow(){
  reutnr 'x';
}

(Dev Stuki) #5

네 알겠습니다. 설명 감사드립니다~