> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

青灯夜游
풀어 주다: 2022-08-04 09:47:08
원래의
3893명이 탐색했습니다.

JavaScript 함수는 외부 세계와 상호 작용하는 두 가지 인터페이스를 제공합니다. 매개 변수는 외부 정보를 수신하는 입구 역할을 하고, 반환 값은 작업 결과를 외부 세계에 피드백하는 출구 역할을 합니다. 다음 글은 JavaScript 함수의 반환 값을 이해하고 return 문의 사용법을 간략하게 분석하는 데 도움이 되기를 바랍니다.

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

함수는 특정 특정 기능이나 작업을 구현할 수 있는 함수 모음입니다. 함수 내부에서 함수가 실행된 후 결과를 유지하는 것은 의미가 없으므로 함수가 호출된 위치에 함수의 결과를 반환해야 합니다.

함수 본문에서 return 문을 사용하여 함수의 반환 값을 설정합니다. return 문은 일반적으로 함수 끝에 정의됩니다. 구문 형식:

return 返回值;
로그인 후 복사

그중 "반환 값"은 선택적 매개변수로 특정 값이나 표현식이 될 수도 있고 비어 있을 수도 있습니다. "반환 값"과 return 키워드는 공백으로 구분해야 합니다.

JavaScript는 약한 유형의 언어이므로 함수가 수신하고 출력하는 값에 유형 제한이 없으며 JavaScript는 입력 및 출력 값의 유형을 자동으로 감지하지 않습니다. 따라서 반환 값(표현식 결과)은 배열, 객체, 문자열 등 모든 유형이 될 수 있습니다.

  • 반환 값이 있는 함수의 경우 변수를 사용하여 이 함수의 반환 값을 받을 수 있습니다. 샘플 코드는 다음과 같습니다.

//声明一个带返回值的函数
function getSum(num1, num2){
        //函数体
    return num1 + num2;
}
//可以通过变量来接收这个返回值
var sum1 = getSum(7, 12);      // 函数返回值为:19
var sum2 = getSum(-5, 33);     // 函数返回值为:28
로그인 후 복사
  • 함수에 return 문이 포함되어 있지 않은 경우 , 함수 본문 After 문에서 각 실행 후 undefined 값을 반환합니다.

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

  • 함수에서 "return" 문이 실행되면 전체 함수가 종료되고 이후 문은 더 이상 실행되지 않습니다. 그러면 return 이후의 표현식 값이 계산되어 반환됩니다. .

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

  • "반품" 다음의 값은 하나만 가질 수 있습니다. 여러 값을 반환하려고 하면 결과는 항상 마지막 값이 됩니다. return 문은 하나의 매개변수만 반환할 수 있습니다. 즉, 하나의 값만 반환할 수 있으며 한 번에 여러 값을 반환할 수 없습니다. 여러 값을 반환하려면 함수에 배열을 정의하고 반환 값을 배열에 저장한 후 반환해야 합니다.

    function division(dividend, divisor){
        var quotient = dividend / divisor;
        var arr = [dividend, divisor, quotient]
        return arr;
    }
    var res = division(100, 4)
    console.log(res[0]);         // 输出:100
    console.log(res[1]);         // 输出:4
    console.log(res[2]);         // 输出:25
    로그인 후 복사
  • 위 코드에서 함수 반환 값은 3개의 요소를 포함하는 배열이므로 하나의 반환 문을 사용하여 여러 값을 반환하는 목적을 달성합니다.

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

함수 본문에는 여러 개의 return 문이 포함될 수 있지만 return 문은 하나만 실행할 수 있습니다. 따라서 함수 본문에서 분기 구조를 사용하여 함수 반환 값을 결정하거나 return 문을 사용할 수 있습니다. 기능을 미리 종료하는데 사용됩니다.

function f(x,y) {
    //如果参数为非数字类型,则终止函数执行
    if (typeof x != "number" || typeof y != "number") return;
    //根据条件返回值
    if (x > y) return x - y;
    if (x < y) return y - x;
    if (x * y <= 0) return x + y;
}
console.log(f(1,6));
console.log(f(4,2));
console.log(f(0,0));
로그인 후 복사

자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

  • 요약:

return 문은 "함수 호출자"에게 값을 반환하는 데 사용되며, 값을 반환한 후 함수 실행이 즉시 종료되므로 일반적으로 return 문이 배치됩니다. 자바스크립트 함수 반환값과 반환문에 대한 자세한 설명

함수에 여러 개의 return 문이 있는 경우 첫 번째 문만 실행됩니다.

  • return 문은 매개 변수를 반환하지 않을 수도 있습니다. 이는 함수를 종료하는 것과 같습니다.

  • [관련 권장 사항:

    JavaScript 학습 튜토리얼

  • ]

위 내용은 자바스크립트 함수 반환값과 반환문에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿