본문 바로가기

JS

바닐라 JavaScript, function의 return

1
2
3
4
5
6
7
function sayHello(namem, number){
  console.log(`Hello! ${name} your favNumber is ${number}. O_O;b`);
}
 
const greetDhkim = sayHello("dhkim"112)
 
console.log(greetdhkim)
cs

 

console창의 결과값

Hello! your favNumber is 112. O_O;b

undefined

  

 

5번 라인의 결과 Hello! your favNumber is 112. O_O;b

7번 라인의 결과 undefined

 

 

5번은 변수 greetDhkim이 sayHello function에 인자값을 이용해 console.log가 실행되었고

7번은 return값을 넣어준게 아니라서 undefined이라고... 합니다.

 

 

 

아래와 같이 function sayHello에 return이라고만 수정해주면

1
2
3
4
5
6
7
function sayHello(namem, number){
 return `Hello! ${name} your favNumber is ${number}. O_O;b`;
}
 
const greetdhkim = sayHello("dhkim"112)
 
console.log(greetdhkim)
 
 

 

Hello! your favNumber is 112. O_O;b

라는 결과가 출력된다.

 

 

리턴된 값을 담은 greetDhkim을 7번 라인에서 console.log()에 넣어 주기 때문이라고 .... 합니다..

 

 

 

 

 

나 헷갈려요;;

 

도움:Nomad Coder

 

 

감사합니다. 

 

 

 

 

 

 

 

 의문 추가 확인

 

 

1
2
3
const greetDhkim = sayHello("dhkim"112)
 
sayHello("dhkim"112)
s

1번 라인 뿐만 아니라 바로 3번라인만 적어도 같은 결과 : 

 

Hello! your favNumber is 112. O_O;b

 

가 나옵니다.

 

 

 

 

흥..

'JS' 카테고리의 다른 글

toggle  (0) 2019.09.26
Javascript, window.addEventListener  (0) 2019.09.25