함수 표현식

익명 함수

 

이름이 없는 함수를 말한다. 즉, 익명 함수를 선언할 때는 이름을 붙이지 않는다.

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

• 익명 함수는 함수 자체가 식이므로 함수를 변수에 할당할 수 있으며, 또한 다른 함수의 매개변수로 사용할 수도 있다.
  

  <script>		
      var sum = function(a, b){
        return a + b;
      }
      document.write("함수 실행 결과 : " + sum(10, 20) );
  </script>​

 

즉시 실행 함수

 

한 번만 실행하는 함수라면 함수를 정의하면서 동시에 실행하는 함수를 의미한다.

• 즉시 실행 함수를 실행하는 순간에 자바스크립트 해석기에서 함수를 해석한다.
• 함수를 식 형태를 선언하므로 마지막에 세미콜론(;)을 붙인다.
  

  (function(){
  	명령
  }());
  
  (function(매개변수){
  	명령
  }(인수));​

 

화살표 함수

 

• ES6 버전부터는 => 표기법(화살표 표기법)을 사용해 함수 선언을 좀 더 간단하게 작성할 수 있다.
• 익명 함수에서만 사용할 수 있다.
  

  (매개변수) => { 함수 내용 }​

• 매개변수가 없을 경우
  - 매개변수를 넣는 괄호 안은 비워 둔다.
  - 중괄호 안에 함수 내용이 한 줄 뿐이라면 중괄호를 생략해서 작성할 수 있다.
  

      <script>
          const hi = function() {
          	return "안녕하세요?";
          }
          
          const hi = () => {return "안녕하세요?"};
  
          const hi = () => "안녕하세요?";
          
          alert(hi());
      </script>​

• 매개변수가 1개인 경우
  - 매개변수의 괄호는 생략 할 수 있다.
  

      <script>
          let hi = function(user) {
               document.write (user + "님, 안녕하세요?");
          }
          
          // let hi = (user) => { document.write (user + "님, 안녕하세요?"); }
          
          let hi = user => { document.write (user + "님, 안녕하세요?"); }
          
          hi("경희");
      </script>​

• 매개변수가 2개인 경우
  - (매개변수) => { ... }처럼 사용한다.
  

      <script>
          let sum = function(a, b) {
              return a + b;
          }
  
          let sum = (a, b) => { return a + b }
  
          let sum = (a, b) => a + b;
          
          document.write("두 수의 합 : " + sum(10, 20));
      </script>​