[JavaScript] 함수 선언문과 함수 표현식

함수 선언문과 함수 표현식

 

 

  함수 표현식과 함수 선언문

쉽게 볼 수 있는 함수 선언문.

 본 JavaScript의 함수(function)를 실행 확인을 위해 window.onload를 활용했습니다.

 

 

Javascript의 시작은 함수 선언문이다.함수라는 것을 명확히 가르키기 위해 function을 알린다.

함수 표현식

그러나 JavaScript를 다루게 된다면, function 조차 줄이기 위해 함수 표현식을 사용하게 된다.

 

function test1()
let test1 = () =>

차이를 둔다면, 위와 같다.

이게 무슨 소리 일까 생각 된다면, 아래의 사진을 보아 참고에 도움되기를 바란다.

 

자바스크립트의 함수는 변수에 저장이 된다.

JavaScript의 함수는 표현 방법이 제 각각이다.

필자는 매일 test01 함수만 사용하고 싶지만, 남들이 test02와 test03을 사용하는 이상 알고 써야 하기 때문이다.

 

그리고 test02를 처음 접한 순간, 알게 된다.

함수 또한 변수에 담을 수가 있었다.

 

 

  함수 표현식과 함수 선언문의 차이

함수 선언문

 

 

함수 표현식

만약, 위의 script는 각각 실행 된다면 무엇이 성공하게 될까?함수 선언문만 성공하게 된다.

 

 

javascript가 실행 될 때, script 문 내의 function을 우선순위로 읽는다.function이 위로 올라가는 것이 아니고, 그냥 JavaScript를 그렇게 만들었다고 한다.

 

따라서,  함수 선언을 어디서든 하고 싶다면 함수 선언문을 사용하는 게 좋고.function을 줄이고 싶다면 함수 표현식을 사용하는 것이 좋다.

 

서로의 단점과 장점이 존재한다.

 

 

  함수 표현식 생략 범위

함수 표현식 생략하기

생략은 다음과 같다.

매개변수가 없을 때는 소괄호를 생략 할 수 없다.

매개변수가 한개 일 때는 소괄호를 생략할 수 있다.

리턴 줄이 한 줄 일 때는 중괄호를 생략 할 수 있다.

 

 

  마무리

 JavaScript를 되 짚으면서,  알게 된 방식이다.

그리고 처음에 나를 매우 괴롭혔던 이들을 배워야 했기에 작성하게 되었다.