Javascript - 함수

기본적인 함수

function 함수명([매개변수]){}

가장 기본 형태의 함수이다.

function([매개변수]) {}

익명함수로 이름이 없는 함수이기 때문에 필요할 때 마음대로 호출할 수가 없다.
이벤트 핸들러같이 선언된 함수가 여러 곳에서 사용되는 것이 아니라
특정 상황에서만 수행하는 함수가 필요할 때 이러한 익명 함수를 사용한다.

(function([매개변수)){}();

즉시실행함수이다.
익명함수의 한 종류로 정의가 되는 동시에 실행되는 함수이다.
즉시실행 함수는 함수 선언과 호출을 위한 탐색 과정이 필요없고,
즉시 실행함수 내부에 작정되면 지역변수로 분류되기 때문에 다른 지역변수와
중복될 일이 없다.

화살표 함수

es6부터 적용된 함수로 function()을 단순한 ()=> 형태로 표현이 가능하다.

function(){
  alert("으아");
};

==
  
()=>{
  alert("으아");
};

작성법1

기본 형태 ( [매개변수] ) => {함수 정의}

작성법2

매개변수가 하나인 경우에는 () 생략이 가능하다.

ex) e => {e.target.style.color = "red";}

작성법3

매개변수가 없다면 무조건 ()를 작성해야 한다.

작성법4

함수 정의부가 return + 식 or 값으로만 되어있으면 return 생략도 가능하다

ex) num => num * 2;

작성법5

정의부가 return구문만 있더라도 return 값이 객체인 경우는 return 생략이 불가능하다.