>  기사  >  웹 프론트엔드  >  자바스크립트 return 문을 사용하는 방법

자바스크립트 return 문을 사용하는 방법

青灯夜游
青灯夜游원래의
2021-07-01 18:07:363665검색

return 문은 현재 함수를 종료하고 현재 함수의 값을 반환하는 데 사용할 수 있습니다. 함수가 return 문을 실행하면 즉시 함수 값을 반환하고 문 뒤의 코드가 종료됩니다. 실행되지 않습니다. 이 기능을 활용하면 함수 실행을 조기에 종료해야 하는 경우 반환 값이 없는 return 문을 사용하여 함수 실행을 중단할 수 있습니다.

자바스크립트 return 문을 사용하는 방법

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

JS return 문 사용

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

  • 하나는 함수 값을 반환하는 것이고, 다른 하나는 실행을 중단하는 것입니다. 기능.

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

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

return 문 사용 예

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

 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));

expressionCaculate()의 반환 뒤에는 표현식이 옵니다. 이 표현식은 함수가 실행될 때 먼저 실행됩니다. return 문에 도달합니다. 표현식을 평가하고 해당 값을 반환합니다. 함수가 호출되면 x에 전달된 값에 따라 다른 표현식의 값이 반환됩니다. 예제 2: return 문은 함수 실행을 중단합니다.

   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);

add(7,3) 코드가 실행되면 add() 메서드가 호출됩니다. 이때 첫 번째 매개 변수의 값이 더 큽니다. 두 번째 매개변수보다 크고 "a가 b보다 크다"면 함수가 반환되고 실행이 중지되므로 return 문 뒤의 두 로그는 출력되지 않습니다.

Run results

예 3: return 문은 함수를 반환합니다자바스크립트 return 문을 사용하는 방법

   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();

outerFunc() 함수는 익명 함수를 반환하므로, externalFunc 함수의 호출 표현식은 함수 표현식이 됩니다. func를 사용하여 익명 함수를 호출했습니다. 실행 결과

[관련 권장 사항:

javascript 학습 튜토리얼자바스크립트 return 문을 사용하는 방법

]

위 내용은 자바스크립트 return 문을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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