함수 표현식

1. 익명 함수

이름이 없는 함수로써 선언할 때 이름을 붙이지 않음

함수 자체가 식이므로

① 함수를 변수에 할당 가능

② 다른 함수의 매개변수로 사용 가능

  <script>		
    var sum = function(a, b){ //익명함수 선언 후 변수 sum에 할당
      return a + b;
    }
    document.write("함수 실행 결과 : " + sum(10, 20) );
  </script>

 

 

2. 즉시 실행 함수

함수를 정의하는 동시에 실행 (한 번만 실행하는 함수일 때)

매개변수가 없는 경우와 있는 경우가 존재

① 매개변수가 없는 경우

  <script>		
    (function() {
      var userName = prompt("이름을 입력하세요.");
      document.write("안녕하세요? <span class='accent'>" + userName + "</span>님!");
    }());
  </script>

② 매개변수가 있는 경우

  <script>		
    (function(a, b){   // 함수 선언을 위한 매개변수
      sum = a + b;      
    }(100, 200));       // 마지막줄에 함수 실행을 위한 인수 
    document.write("함수 실행 결과 : " + sum);
  </script>

 

 

3. 화살표 함수

익명 함수에서만 사용 가능

매개변수가 없는 경우, 매개변수가 1개인 경우, 매개변수가 2개 이상인 경우 존재

① 매개변수가 없는 경우

<script>
	const hi = () => {return "안녕하세요!"};
</script>

② 매개변수가 1개인 경우

<script>
	let hi = user => {document.write(user + "님 안녕하세요!");}
    //user가 매개변수
</script>

③ 매개변수가 2개 이상인 경우

<script>
	let sum = (a, b) => a + b;
    //a, b가 매개변수이고 a + b가 함수의 내용
</script>

 

 

 

 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 교재를 참고하여 작성했다.