[JS] 자바스크립트 기초 _ 함수표현식과 화살표 함수

✔️함수표현식

✍️작성

let sayHello function(){
 console.log('Hello');
 }

함수선언식과 동일하게 작성한다.
한가지 다른점은 함수선언식은 어디서든 호출가능한 반면에 함수표현식은 호출을 마지막에 해야 작동한다.

✔️화살표함수

화살표 함수는 여태까지 배웠던 함수들을 보다 간결하게 표현 할 수 있다.

✍️작성

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

위와 같은 함수식을 화살표 함수를 이용하여 바꾸면,

✍️작성

let add = (num1,num2)=>{
return num1 + num2;
}

function이 없어지고 괄호뒤에 =>화살표가 생겼다.
또 이 예제는return문이 있기때문에 아래와 같이 또 바뀔 수 있다.

✍️작성

let add (num1,num2)=>(
num1+num2
)

🚨return문은 {}중괄호가 아닌 ()일반괄호로 바꿀 수 있기 떄문이다.

✍️작성

let add = (num1+num2)=> num1 + num2;  

🚨 또한 return문이 한줄이라면 ()일반괄호 또한 생략가능하다. 그러나 return 전에 다른 코드가 있다면 생략이 불가능하다.

✍️작성

let sayHello= (name)=> 'Hello, ${name}';

🚨 위와 같이 인수가 하나인 경우에도 아래처럼 생략가능하다.
그러나 인수가 없는 경우에는 생략이 불가능하다.

✍️작성

let sayHello= name => 'Hello, ${name}';