[기초 자바스크립트] 화살표 함수

https://youtu.be/KF6t61yuPCY

** 코딩악마님의 무료 유튜브 강의를 듣고 작성한 포스팅입니다**

타임라인 1:12:16 부터

함수선언문 : 호이스팅됨 : 어디서든 호출이 가능함 : 가능한 이유 : 자바스크립트는 실행 전 초기화 단계에서 선언된 모든 함수 모임을 찾아서 생성. 즉, 함수를 사용할 수 있는 범위가 전체가 되는 것임.

function sayHelllo(){

    console.log('Hello');

}

함수표현식 : 호이스팅 되지 않음 : 즉, 코드에 도달해야만 생성됨

let sayHelllo = function(){

    console.log('Hello');

}

 

<화살표 함수> : 함수표현식을 요리조리 요리하면 나옴 

let add = function(num1, num2){

    return num1+num2;

}

 

위를 아래와 같이 바꿀 수 있다.

 

let add = (num1,num2)=>{

    return num1+num2;

}

 

위 함수는 한줄짜리 return 문이기 때문에 아래와 같이 바꿀 수 있다.

 

let add = (num1,num2) =>{

    num1+num2;

}

 

return문이 한줄이니 심지어 괄호까지 생략할 수 있다.

 

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

 

 

* 인수가 하나라면 괄호를 생략할 수 있다.

 

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

 

* 인수가 없다면 빈괄호로 놔두어도 된다.

 

let showError = () =>{

    alert('error!');

}