[JavaScript] 함수 Basic Example

□ 함수 생성 방법

자바 스크립트 함수는 자료형 숫자, 문자열, 불리언처럼 변수어 넣어서 사용이 가능하다.

 

1. 익명 함수 -> 이름이 없는

※ 자바스크립트 익명 함수는 함수명 대신 변수명에 함수 코드를 저장하는 구현 방식

   익명 함수의 소스 코드는 변수값이므로 끝에 세미콜론 ; 을 대입 익명 함수는 호출시 변수명을 함수명처럼 사용하면됨

 let <함수 명> = function(){};

 

consloe.log((sumFunc(2,3)); // 오류
let sumFunc = function(val1, val2) {
	let sum = val1 + val2 ;
	return sum;
};

let result = sumFunc(2,3); // 함수 호출
console.log(result);
console.log(sumFunc); // 함수 자체 호출

위 예제에서 console.log(sumFunc(2, 3)); 은 실행되지 않는다. 호이스팅에 의해서 let sumFunc는 익명 함수를 할당 받고 있다. 

2. 선언적 함수 -> 이름이 있는

※ 함수의 이름이 존재하고 컴파일 시점에 함수 정보를 등록한다.(함수의 호이스팅) 그래서 함수를 선언하기 이전에

   사용이 가능하다. 함수가 별도의 return문을 사용하지 않는 경우 디폴트로 undefined가 반환된다.

function <함수 명>() { }

 

console.log(sumFunc(2,3)); // 결과 값 5
function sumFunc(val1, val2){
  let sum = val1 + val2 ;
  console.log(sum);
  return sum;
};

let result = sumFunc(2,3);//함수 호출
console.log(sumFunc);

위 예제에서 console.log(sumFunc(2, 3)); 은 실행됨 호이스팅에 의해서(컴파일 시점에 함수 정보를 등록하기 떄문)