함수

DONI·2022년 4월 14일
0

JavaScript / jQuery

목록 보기
12/18
post-thumbnail

🏹 기본 함수 (Function)

function 함수명(매개변수){ // 함수 선언
     // 함수 정의
}
함수명( ); // 함수 호출


🏹 익명 함수 (Anonymous function)

이름이 없는 함수이기 때문에 필요할 때 마음대로 호출할 수 없으며,
이벤트 핸들러와 같이 바로 동작하는 함수가 필요한 경우
또는 변수, 매개변수에 함수를 저장해야 하는 경우에 사용한다.

function(매개변수){ // 함수 선언
     // 함수 정의
}


🏹 즉시 실행 함수 (IIFE)

익명 함수의 한 종류로서 함수가 정의되자마자 바로 실행되는 함수

  • 즉시 실행 함수를 사용하는 이유
    1) 함수 선언, 정의, 호출의 일련의 과정을 수행하지 않아도
       바로 실행되기 때문에 일반적인 함수들보다 속도적인 우위를 가진다.

    2) 사용하려는 변수명이 전역변수로 사용되고 있는 경우
       즉시 실행 함수를 이용해 함수 내부의 지역 변수로 작성하여
       변수명 충돌 문제를 해결할 수 있다.

(function(매개변수){
     // 함수 정의
}());


🏹 화살표 함수 (Arrow function)

익명 함수를 간단히 작성한 표기법 (ES6 문법)

  • 기본 형태

    • 익명 함수 : function(){}
    • 화살표 함수 : () => {}
  • 매개변수가 하나인 경우 ( ) 생략 가능

    • 익명 함수 : function(e){}
    • 화살표 함수 : e => {}
  • 함수 정의 부분이 return [식 또는 값] 으로만 작성되어 있는 경우
    { }, return 생략 가능

    • 익명 함수 : func(function(num){return num * 2;});
    • 화살표 함수 : func((num) => num * 2);
  • 함수 정의 부분이 return 구문만 있으나
    return되는 값이 객체(object)인 경우 { }, return 생략 불가

    • func(num => {return {id : "user01", pw : "pass01"}});
profile
틀린 내용이 있다면 댓글 또는 이메일로 알려주세요 ❤ꔛ❜

0개의 댓글