JAVASCRIPT

함수의 종류

hyejeong3283 2023. 2. 27. 21:04
728x90
반응형

함수

  • 함수는 javascript의 기본 구성 요소 중 하나입니다. 
  • 일련의 과정(서비스 로직)을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것입니다.
  • 함수를 정의할 때는 function을 사용합니다.

 

1. 선언적 함수 - 함수의 기본 문법

가장 기본적인 함수의 형식입니다.

{
    function func(){
    	document.write("실행되었습니다.");
     }
    func();
}

// 결과값 : 실행되었습니다.

2. 익명 함수

변수의 이름을 함수의 이름으로 쓴 것입니다.

변수 안에 함수를 넣는 방식입니다.

{
    const func = function(){
        document.write("실행되었습니다.")
    }
}

// 결과값 : 실행되었습니다.

3. 매개변수 함수

함수를 호출할 때 전달하는 변수를 '매개변수'라 합니다.

{
    function func(str){
        document.write(str);
    }
    func("실행되었습니다.");
}

// 결과값 : 실행되었습니다.

4. 리턴값(결과 또는 끝) 함수

return은 함수의 결과값을 돌려주는 명령어입니다.

입력값을 받아 처리를 한 후 결과값을 돌려주는 형태입니다.

{
    function func(){
        const str = "실행되었습니다.";
        return str;
    }
    document.write(func());
}

// 결과값 : 실행되었습니다.

5. 화살표 함수

위에서 배운 4가지 함수 식들을 간결하게 표현할 수 있는 방법입니다.

{
    func = () => {
        document.write("실행되었습니다.");
    }
    func();
}
// 화살표 함수 - 선언적 함수

{
   const func = () => {
      document.write("실행되었습니다.");
   }
   func();
}
// 화살표 함수 - 익명 함수

{
    func = (str) => {
       document.write(str);
    }
    func("실행되었습니다.");
}
// 화살표 함수 - 매개변수 함수

{
    func =() => {
        const str = "실행되었습니다.";
        return str;
    }
    document.write(func());
}
// 화살표 함수 - 리턴값 함수

//// 결과값 : 실행되었습니다.