자바스크립트의 함수의 리턴을 사용하면 함수에서 처리한 값을 반환한다. 복잡한 수식이 필요한 경우 함수를 만들어 기능을 추가하고 결과값을 도출하면 개발편의성이 높아진다.
자바스크립트 함수 리턴 사용하기
javascript function return
자바스크립트의 함수를 이용해 작업을 수행하고 결과값을 도출한 값을 다시 받을 수 있다.
결과값을 받기 위해선 호출하는 부분으로 동작까지 반환받게 되는데 이 떄 사용하는 것이 return 이다.
return 문을 사용하면 함수에서 처리된 결과값을 받을 수 있다.
이런 함수들의 기능이 유연해지고 자유도가 높이지면 공통함수로써 나중에는 도움이 된다.
리턴문 사용
리턴문은 자바스크립 함수 내의 어느 위치에 있던 상관이 없다.
단, 리턴문은 함수의 종료라는 의미도 있기 때문에 리턴문 이후 실행되는 구문이 있다면 오류를 표시한다.
function jsFunction(parameter1, parameter2) {
// 코드 구현
return 결과변수 또는 결과값;
}샘플 코드
자바스크립트에서 함수를 만들고 결과값을 가져오는 코드를 만들어 본다.
아래의 코드를 보자.
자바스크립트 함수의 특징은 파라미터에 데이터 타입을 정하지 않는다는 점이다.
파라미터에 들어가는 값에 따라 데이터타입이 결정된다.
이것은 파이썬과 같은 동작 원리를 가진다.
<!DOCTYPE html>
<html>
<body>
<h1>자바스크립트 함수 function</h1>
<p id="display"></p>
<script>
/*
* 코드부분
*/
let vResult;
vResult = PrintLog("함수를", "호출합니다");
console.log("vResult : ", typeof(vResult), vResult);
vResult = PrintLog(10, 20);
console.log("vResult : ", typeof(vResult), vResult);
vResult = PrintLog(10, "20");
console.log("vResult : ", typeof(vResult), vResult);
/*
* 함수부분
*/
function PrintLog(parameter1, parameter2) {
let fnResult = parameter1 + parameter2;
return fnResult;
}
</script>
</body>
</html>결과화면을 보자.
자바스크립트도 데이터 타입에 관대한 입장을 보여주고 있다.
입력값이 어떤 데이터타입을 가지고 있는냐에 따라 결과물을 반환하고 있다.
반응형
'programming > javascript' 카테고리의 다른 글
| 자바스크립트 객체 구성 요소 프로퍼티 메서드 javascript object property method (0) | 2021.10.27 |
|---|---|
| 자바스크립트 객체 란 의미와 종류 javascript object (0) | 2021.10.27 |
| 자바스크립트 함수 파라미터 사용 방법 javascript function parameter (0) | 2021.10.24 |
| 자바스크립트 함수 사용 방법 javascript function (0) | 2021.10.24 |
| 자바스크립트 데이터타입 null undefined empty 차이 (0) | 2021.10.23 |
댓글