자바스크립트의 함수

함수는 특정 작업을 수행하는 코드 블록입니다.
간단히 말해서 함수는 우리가 제공하고 출력을 반환하는 입력에 대해 일부 작업을 수행하는 일련의 명령문입니다.

함수 사용의 이점

함수는 코드를 재사용할 수 있게 만듭니다. 한 번 선언하고 여러 번 사용할 수 있습니다.

함수는 각각의 작은 작업을 함수로 나누어 프로그램을 쉽게 만듭니다. 복잡한 문제를 더 작은 조각으로 나누면 프로그램을 이해하기 쉽고 재사용할 수 있습니다.

기능은 가독성을 높입니다.

함수 선언
함수를 선언하는 구문은 다음과 같습니다.

function functionName () {
    // function body   
}

함수는 function 키워드를 사용하여 선언됩니다.
함수 이름 지정의 기본 규칙은 변수 이름 지정과 유사합니다. 함수 본문은 {} 내에 작성됩니다.

예시-1

function welcome(userName) {
   console.log("Welcome",userName);
}

함수 호출

위의 프로그램에서 우리는 welcome()이라는 이름의 함수를 선언했습니다. 해당 함수를 사용하려면 호출해야 합니다.

//calling function
welcome("Ashwini");

여기서 우리는 그들의 이름 즉 환영으로 함수를 호출하고 있습니다.

예시-2
두 개의 숫자를 더하고 더한 값을 반환하는 프로그램입니다.

function add(a, b){
 return a + b;
}

//calling function
add(3,5);

위의 프로그램에서 add 함수는 두 숫자의 합을 구하는 데 사용됩니다.
함수는 두 개의 매개변수 a와 b로 선언됩니다.
함수는 이름을 사용하고 두 개의 인수 3과 5를 전달하여 호출됩니다.
원하는 만큼 함수를 호출할 수 있습니다. 하나의 함수를 작성한 다음 다른 인수로 여러 번 호출할 수 있습니다.

함수 반환
return 문을 사용하여 함수 호출에 값을 반환할 수 있습니다.

return 문은 함수가 종료되었음을 나타냅니다. 반환 후 코드는 실행되지 않습니다.

아무것도 반환되지 않으면 함수는 정의되지 않은 값을 반환합니다.

함수 표현식
이러한 함수는 익명일 수 있습니다. 이름이 없습니다.

let sum = function(a, b){
 return a + b;
};
console.log(sum(3,5));

JavaScript의 함수 표현식은 함수 선언과 달리 호이스팅되지 않습니다. 함수 표현식을 생성하기 전에는 함수 표현식을 사용할 수 없습니다. 함수가 동시에 생성되면 호출됩니다. 전역 범위를 오염시키지 않도록 함수 표현식이 호출됩니다.

console.log(sum); // undefined
//  even though the variable name is hoisted, the definition isn't. so it's undefined.

sum(); // TypeError: sum is not a function

var sum = function () {
  console.log('bar');
};