JS-함수(function)

함수(function)

• 자주쓰는 실행코드들을 블록단위로 묶어서 패키징 해놓은 형태
• 자주쓰는 코드들을 기능단위로 재사용 하기 위함.

• 함수정의 : 미리 function 키워드를 이용해서 자주 쓸 코드들을 묶어서 정의하는 행위
• 함수 호출 : 정의되어 있는 함수를 호출 해야지만 비로소 기능이 실행됨

함수의 종류

• 선언적 함수
  • 함수에 미리 이름을 붙여서 정의해놓은 형태
  • 자바스크립트 파일을 읽을때 선언적 함수를 우선적으로 읽어줌
  • 선언적 함수는 호출위치가 자유로움
• 익명 함수
  • 함수에 이름이 없이 정의하는 형태
  • 익명함수 자체만으로는 호출이 불가능
  • 변수에 익명함수를 대입하거나(대입형) 특정 이벤트 객체에 대입하는 식으로 호출 가능
• 대입형 함수
  • 변수에 익명함수가 대입된 형태
• 즉시실행 함수

  • 함수가 자기자신을 정의하자마자 바로 자신을 호출

    
    
    
• 선언적함수의 예
  ex)

//함수에 plus라는 이름을 붙여서 정의 해 놓은 형태.
//호출위치가 자유로워서 plus를 정의한 곳 보다 위에 입력해도 실행이 됨.
function plus(){
	const num1 = 2;
	const num2 = 3;
  	console.log(num1+num2);
}

plus();
plus();

• 익명 함수의 예
  ex)

//아래의 경우 호출하려는 함수 이름이 없어 실행이 안됨.
function(){
	const num1 = 2;
  	const num2 = 3;
  	console.log(num1-num2);
}

// 이 경우 아래처럼 익명의 함수(minus)에 대입하여 사용
const minus = function(){
	const num1 = 2;
  	const num2 = 3;
  	console.log(num1-num2);
}
// 익명의 함수명 호출해서 사용
// 선언적함수와 다르게 익명함수 선언 위치보다 아래에서 사용 가능.
minus();

• 즉시 실행함수의 예

  즉시실행함수를 쓰는 이유?
  ->즉시실행함수 안쪽의 값들을 캡슐화하여 안쪽에서만 동작되게끔 할 떄 사용

ex)

(함수의 정의부)(함수의 호출부)
(function(){
	const num1 = 2;
  	const num2 = 3;
  	console.log(num1+num2);
})();
// 5라는 값이 출력됨.