여지껏 return 에 대해 너무 모호하게 알고 있어서 정리 한 번 하고자 한다.
function sum(num1, num2) {
num1+num2
}
sum(1,2);
위와 같이 코드를 작성하면, 당연하게도 아무것도 출력되지 않는다.
sum 함수가 실행은 되었으나 출력 시키는 명령어가 없기 때문이다.
function sum(num1, num2) {
num1+num2
}
console.log(sum(1,2));
이렇게하면 출력이 될 것 같지만, 아쉽게도 undefined 가 출력된다.
sum(1,2); 실행문으로 함수를 전달해주는 구문이 없기 때문이다.
그 . 러 . 나
function sum(num1, num2) {
return num1+num2;
}
console.log(sum(1,2)); // 3
return 을 주면 3 으로 출력이 된다.
function sum(num1, num2) {
return num1+num2;
}
const math = sum(1,2);
console.log(math); // 3
이런 식으로 변수 안에 저장해 사용하는 것도 가능하다.
즉, return 이 포함된 함수가 실행되는 순간, 함수를 호출해주는 쪽으로 데이터를 반환(전달) 해주는 것이다.
또 알아둬야할 것은,
return이 실행되고 데이터를 반환해주는 순간 return 구문이 포함된 함수는 종료가 된다.
따라서,
function sum(num1, num2) {
return num1+num2;
}
const math = sum(1,2);
const mathOne = sum(4,5);
console.log(math); // 3
console.log(mathOne); // 9
이런 식으로 반환값을 담을 공간을 만들어 응용해주면 된다.
'JS skills' 카테고리의 다른 글
14. set (0) | 2021.09.08 |
---|---|
13. 재귀함수 (0) | 2021.09.06 |
11. 팩토리 함수 (0) | 2021.08.28 |
10. for...in / 기명 함수 표현식 (0) | 2021.08.28 |
9. HTML templating (0) | 2021.08.27 |