[JavaScript] 함수

함수 사용이유 - 유지보수가 쉽고, 중복을 줄여주고, 매개변수를 바꿔가며 다양하게 배열할 수 있다.

함수 기본형식 [함수 선언문, 함수 표현식]

 

함수  함수명(매개변수){

                      실행할 함수 내용

}  => 함수 선언문 : 어디서든 호출 가능 (위에서 호출해도 실행할 수 있다)

function MyName(name){
	console.log(`hello, my name is ${name}`);
    }

변수 = 함수(매개변수){

                      실행할 함수내용

} => 함수 표현식 : 코드에 도달하면 생성 (밑에서만 호출 실행 가능)

let myName = function(){
	console.log('Minwook');
}

함수는 한 번에 한 작업에 집중하도록 하고, 어떤 동작인지 알 수 있게 함수명을 설정하는 것이 좋다

ex) showError // 에러를 보여주는 함수

 

 

화살표 함수

특징 : 일반 함수와는 달리 자신만의 this를 가지지 않고, 화살표 함수 내부에서 this를 사용하면 외부에서 값을 가져옴

let add = function(num,num1){
	return num + num1;
}

let arrowAdd = (num2,num3) => {
	return num2 + num3;
}
    
let arrowAdd2 = (num4,num5) => (num4 + num5;) 

let arrowAdd3 = (num6,num7) => num6 + num7;

let showName = name => `my name is ${name}`;

let showError = () => { alert('error !');}

화살표 함수는 function을 지우고 => 추가  (arrowAdd)

return 문이 한 줄일 경우 일반 괄호로 변경이 가능 (arrowAdd2)

return 문이 한 줄일 경우 괄호 생략 가능 (arrowAdd3)

인수가 하나라면 매개변수 괄호 생략 가능 (showName)

인수가 없다면 괄호 생략 불가능 (showError)