[JS] 함수

함수 정의

function 함수명(인자1,인자2,...){
 	return; 
}

함수는 JS의 기본 구성 요소중 하나이며, 중복되어 사용될 코드를 인자들을 입력받아 처리해서 출력해주는 상자와 같다.
예시로 덧셈을 해주는 함수를 만들어보겠다.

function sum(x,y){
 	return x+y; 
}
console.log(sum(1,2));  // 3 출력

자주 쓰일 코드를 함수화 하여 사용하면 간편하고 깔끔한 코드로 만들 수 있을 것이다.

함수 스코프

• 전역 스코프

let num = 1;
function printNum(x){
	console.log(result);	 
}
printNum(x);  // 1 출력

전역 스코프에서 변수를 선언을 하고 함수를 호출했을 때는 참조할 수 있다.

• 지역 스코프

function printNum(){
  	let num = 1;
	console.log(result);	 
}
printNum();  // 1 출력
console.log(num); // num is not define 오류 출력

함수 내 변수를 선언할 경우 지역 스코프에 해당되며 선언한 함수 내에서만 사용할 수 있다.

화살표 함수

• 기본적인 틀

let sum = (x,y) => {
  return x+y;
}
console.log(sum(1,2));  // 3 출력

위 예제에서 화살표 함수를 사용하여 sum 함수를 선언하였다.

• 한 줄 화살표 함수

let sum = (x,y) => x+y;
console.log(sum(1,2));  // 3 출력

리턴문 포함 한줄일 경우 return을 생략할 수 있다.

• 매개변수가 하나인 화살표 함수

let f = x => x*x;
console.log(f(2));  // 4 출력

매개변수가 하나인 경우 괄호를 생략할 수 있다.