logo

자바스크립트 반환

그만큼 반품 명령문은 함수에서 함수 호출자에게 특정 값을 반환하는 데 사용됩니다. 다음과 같은 경우 함수 실행이 중지됩니다. 반품 성명이 호출됩니다. 그만큼 반품 명령문은 함수의 마지막 명령문이어야 합니다. 반품 문에 접근할 수 없습니다.

기본 값(부울, 숫자, 문자열 등)과 객체 유형(함수, 객체, 배열 등)을 반환할 수 있습니다. 반품 성명.

또한 다음을 사용하여 여러 값을 반환할 수도 있습니다. 반품 성명. 직접 할 수는 없습니다. 우리는 정렬 또는 물체 함수에서 여러 값을 반환합니다.

통사론

 return expression; 

그만큼 표현 위 구문에서 함수 호출자에게 반환된 값은 다음과 같습니다. 선택 사항입니다. 만약 표현 지정되지 않으면 함수가 반환됩니다. 한정되지 않은 .

사이에 줄 종결자를 사용할 수 없습니다. 반품 키워드와 가치. 다음 줄을 사용하여 이해할 수 있습니다. 우리가 다음을 쓰고 있다고 가정해보자. 반품 다음과 같이 진술:

 return x + y; 

그러면 -로 바뀌게 됩니다.

삼중의 겨울
 return; x + y; 

뒤에 세미콜론이 자동으로 삽입됩니다. 반품 성명. 이후에 작성된 코드 반품 성명 ( x + y; )로 간주됩니다. 접근할 수 없는 코드 .

이 문제를 방지하기 위해 괄호를 사용할 수 있습니다. 그것은 다음과 같이 쓸 수 있습니다 -

 return ( x + y; ); 

이제 몇 가지 사용 예를 살펴보겠습니다. 반품 성명서 자바스크립트 .

실시예 1

이것은 간단한 사용 예입니다. 반품 성명. 여기서는 두 숫자의 곱 결과를 반환하고 그 값을 함수 호출자에게 다시 반환합니다.

변수 입술 함수 호출자입니다. 그것은 함수를 호출하고 있습니다 재미있는() 두 개의 정수를 함수의 인수로 전달합니다. 결과는 다음 위치에 저장됩니다. 입술 변하기 쉬운. 출력에서 값은 360 논쟁의 산물이다 12 그리고 30 .

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var res = fun(12, 30); function fun(x, y) { return x * y; } document.write(res); 
지금 테스트해보세요

산출

서명되지 않은 int c 프로그래밍

위 코드를 실행한 후 출력은 다음과 같습니다.

자바스크립트 반환

실시예2

여기서는 다음을 사용하여 기능을 중단합니다. 반품 성명. 다음과 같은 경우 함수 실행이 즉시 중지됩니다. 반품 성명이 호출됩니다.

무한이 있다 ~하는 동안 루프와 변수 나, 1로 초기화됩니다. 루프는 다음 값이 나올 때까지 계속됩니다. 에 도달 4 . 변수 값이 4가 되면 루프는 다음과 같은 이유로 실행을 중지합니다. 반품 성명. 루프 뒤의 명령문은 실행되지 않습니다.

여기서는 반품 문은 표현 , 그래서 반환 한정되지 않은.

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var x = fun(); function fun() { var i = 1; while(i) { document.write(i + &apos; <br>&apos;); if (i == 4) { return; } document.write(i + &apos; <br>&apos;); i++; } document.write(&apos;Hello world&apos;); } 
지금 테스트해보세요

산출

위 코드를 실행한 후 출력은 다음과 같습니다.

자바스크립트 반환

이제 다음을 사용하여 여러 값을 반환하는 방법을 살펴보겠습니다. 반품 성명. 일반적으로 JavaScript 함수는 단일 값을 반환하지만 다음을 사용하여 여러 값을 반환할 수 있습니다. 정렬 또는 물체 . 여러 값을 반환하려면 값을 개체의 속성이나 배열 요소로 묶을 수 있습니다.

CSS에서 이미지를 중앙에 배치하는 방법

예3 - 배열을 사용하여 여러 값 반환

이 예에서는 다음을 사용하여 여러 값을 반환합니다. 정렬 . 여기서는 ES6 배열 분해 배열의 값을 압축 해제하는 구문입니다.

 JavaScript return <h3> This is an example of returning multiple values using object </h3> function getData() { let fname = &apos;John&apos;, lname = &apos;Rickman&apos;, age = &apos;25&apos;, occupation = &apos;Private Employee&apos;; return { fname, lname, age, occupation }; } let {fname, lname, age, occupation} = getData(); document.write(&apos;Name = &apos; + fname + &apos; &apos; + lname + &apos; <br>&apos;); document.write(&apos;Age = &apos; + age + &apos; <br>&apos;); document.write(&apos;Occupation = &apos; + occupation); 
지금 테스트해보세요

산출

자바스크립트 반환