return 리턴
: 함수는 리턴 유무에 따라 값을 돌려받을 수 있고, 함수실행의 종료시점을 정할 수 있음
사용 예시
더하기
<script>
function returnFunc(num1,num2){
let result = num1 + num2;
return result
}
// 출력 방법 1
let result = returnFunc(10,20);
console.log(result);
// 출력 방법 2
console.log(returnFunc(20,30));
</script>
빼기
<script>
function returnFunc2(num1,num2){
let result2 = num1 - num2;
return result2
}
let result2 = returnFunc2(20,10);
console.log(result2);
console.log(returnFunc2(30,20));
</script>
여러 자료형 반환
<script>
function myFunc(name){
console.log('나를 불렀니?');
return 'hello' + name;
}
console.log(myFunc('정은'));
console.log('-----------------------------------')
// ES5 부터 사용이 가능한 방식
// 이름없이 함수를 만들고 + const에 함수명을 사용
const myFun = function (myName){
console.log('나를 불렀니?');
return 'hello' + myName;
// 리턴 값을 const myFun에 저장
}
console.log(myFun('다래'));
</script>
'HTML.CSS.JS > JS' 카테고리의 다른 글
[JS] arrow 화살표 함수 (0) | 2023.04.12 |
---|---|
[JS] 함수 파라미터(매개변수) 받아 사용하기 (0) | 2023.04.12 |
[JS] function 함수 (0) | 2023.04.12 |
[JS] dataType 데이터 타입, 자료형 (0) | 2023.04.12 |
[JS] console.log(변수명) ; 콘솔 출력 (0) | 2023.04.12 |