>  기사  >  웹 프론트엔드  >  JavaScript에서 return의 사용법은 무엇입니까

JavaScript에서 return의 사용법은 무엇입니까

青灯夜游
青灯夜游원래의
2022-02-07 15:34:568255검색

JavaScript의 return 사용법: 1. 기본 데이터 유형, 객체, 함수 등을 포함한 모든 유형의 값을 반환할 수 있는 반환 함수 값 2. 반환 값 없이 return 문을 사용하여 함수 실행을 종료합니다. 언제든지.

JavaScript에서 return의 사용법은 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

JavaScript return 문에는 함수 정의에 두 가지 기능이 있습니다.

  • 하나는 함수 값을 반환하는 것이고,

  • 다른 하나는 함수 실행을 중단하는 것입니다.

return 문은 기본 데이터 유형, 객체, 함수 등을 포함한 모든 유형의 값을 반환할 수 있습니다. 모든 함수는 값을 반환합니다. return 문을 사용하지 않거나 return을 사용했지만 그 뒤에 반환 값이 지정되지 않은 경우 함수는 "정의되지 않은" 값을 반환합니다. "정의되지 않음" 이외의 값을 반환해야 하는 경우 return을 사용하고 반환된 값을 지정해야 합니다.

함수가 return 문을 실행하면 즉시 함수 값을 반환하고 함수 실행을 종료합니다. 이때 return 문 뒤의 코드는 실행되지 않습니다. 이러한 return 문의 특성에 따라 함수의 실행을 일찍 종료해야 할 경우, 언제든지 함수의 실행을 종료하기 위해 반환 값이 없는 return 문을 사용하는 경우가 많습니다.

[예제 1] return 문은 함수 값을 명시적으로 반환합니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句显式返回函数值</title>
<script>
   function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));
</script>
</head>
<body>
</body>
</html>

expressionCaculate()의 반환 뒤에는 표현식이 옵니다. 함수가 return 문을 실행할 때 표현식의 값이 먼저 계산된 다음 값이 반환됩니다. 함수가 호출되면 x에 전달된 값에 따라 다른 표현식의 값이 반환됩니다.

[예제 2] return 문은 함수 실행을 중단합니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句中止函数执行</title>
<script>
   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);
</script>
</head>
<body>
</body>
</html>

add(7,3) 코드가 실행되면 add() 메소드가 호출됩니다. 이때 첫 번째 매개변수의 값이 두 번째 매개변수보다 크고, "a가 b보다 큽니다." 콘솔에 출력된 후 함수가 반환되고 실행되므로 return 문 이후의 두 로그는 출력되지 않습니다. 실행 결과는 그림 1에 나와 있습니다.

JavaScript에서 return의 사용법은 무엇입니까
그림 1: return 문은 함수 실행 결과를 중단합니다

[예 3] return 문은 함수를 반환합니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>return语句返回函数</title>
<script>
   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();
</script>
</head>
<body>
</body>
</html>

outerFunc() 함수는 익명 함수를 반환하므로 externalFunc 함수의 호출 표현식은 함수 표현식이 되므로 func 변수를 사용하여 익명 함수를 호출할 수 있습니다. 실행 결과는 그림 2에 나와 있습니다.

JavaScript에서 return의 사용법은 무엇입니까
그림 2: return 문을 호출하여 반환된 익명 함수

[관련 권장 사항: javascript 학습 튜토리얼]

위 내용은 JavaScript에서 return의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.