JavaScript에서 함수의 반환 값

JavaScript 함수는 일련의 단계를 실행하는 필수 구성 요소 중 하나입니다. 이러한 기능은 절차와 같습니다.

작업을 실행하는 함수 내부에 일련의 지침이 제공됩니다. 유일한 차이점은 함수에 입력 매개변수가 필요하고 호출자 함수에 무언가를 반환해야 한다는 것입니다. 함수를 사용하려면 호출하려는 범위의 어딘가에 함수를 정의해야 합니다.

이 기사에서는 JavaScript 함수에서 값을 반환하는 방법을 보여줍니다.

JavaScript 함수의 반환 값

함수 정의는 function 키워드로 구성됩니다. 함수 정의는 함수 문 또는 함수 선언이라고도 합니다. 다음은 다음과 같습니다.

1. 함수의 이름. 이 함수 이름은 파일에 대해 고유해야 합니다.
2. 입력 매개변수 기능 목록. 이러한 매개변수는 괄호로 묶이고 쉼표로 구분됩니다.
3. 함수의 내용은 중괄호, {…}로 묶입니다.

통사론:

ES6 이전

function fnName(params) {
  /* perform actions on params */
  return value;
}

ES6 이후

param => expression

ES6 표준은 함수를 정의하기 전에 function 키워드를 정의하고 값을 반환하고 코드를 중괄호로 묶기 전에 function 키워드를 정의할 필요가 없는 ‘화살표 함수’를 지원합니다. ES6 함수에 대한 자세한 내용은 화살표 함수 메서드 문서를 참조하세요.

함수는 배열, 리터럴 개체, 문자열, 정수, 부울 값 또는 반환 값을 캡슐화하는 사용자 지정 유형의 개체와 같은 모든 것을 반환할 수 있습니다. 배열, 리터럴 개체 또는 사용자 지정 개체와 같은 모든 것을 함수에 전달하여 값을 캐스팅할 수 있습니다.

함수는 표현식으로 선언할 수 있습니다. 이 기능을 익명 기능이라고 합니다.

익명 함수에는 함수 이름이 없습니다. 함수 내부의 단계를 실행하려면 함수를 호출해야 합니다.

자세한 내용은 function 메서드 문서를 참조하십시오.

개체 예:

function osObject() {
  const returnedObject = {};
  for (let i = 0; i < arguments.length; ++i) {
    returnedObject['os' + i] = arguments[i];
  }
  return returnedObject;
}

const returnValue = osObject('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

위의 코드 예제에서는 입력 매개변수를 사용하고 입력 값과 함께 객체를 반환하는 osObject 함수를 만들었습니다. return 키워드는 함수가 호출자에게 무언가를 반환하고 있음을 나타냅니다.

이 예에서는 osObject를 반환합니다. 위 코드의 출력은 다음과 같습니다.

출력:

{
  os0: "Linux",
  os1: "MacOS",
  os2: "Windows",
  os3: "Ubuntu"
}

배열 예:

function osArray() {
  const returnedArray = [];
  for (let i = 0; i < arguments.length; ++i) {
    returnedArray.push(arguments[i]);
  }
  return returnedArray;
}

const returnValue = osArray('Linux', 'MacOS', 'Windows', 'Ubuntu');
console.log(returnValue);

위의 코드 예제에서 arguments의 입력 매개변수를 사용하고 입력 값이 있는 Array를 반환하는 osArray 함수를 만들었습니다. return 키워드는 함수가 호출자에게 무언가를 반환하고 있음을 나타냅니다.

이 예에서는 osArray를 반환합니다. 위 코드의 출력 결과는 다음과 같습니다.

출력:

["Linux", "MacOS", "Windows", "Ubuntu"]