[TIL] 함수 호이스팅, 선언식, 표현식, 화살표

! 업데이트 예정

JavaScript의 함수에 대하여

ref. mdn, 생활코딩, 드림코딩 by 엘리

✔️ 함수(function)

• function name(param1, param2){body...return;}
• one function === one thing
• naming : doSomething, command, verb

function printHello(){
	console.log('Hello');
  }
  printHello();

• 정리도구
• 코드가 복잡해지는 과정에서 이득이 생김(재사용 가능)

✔️ 호이스팅(Hoisting)

• 기본적으로 위에서 아래로 내려오면서 코드를 받아들인다. 호이스팅은 선언의 규칙을 깨고, 선언되기 이전에 호출되도 정상 작동하는 것을 말한다.
• 변수의 선언을 끌어올린다는 의미
• 같은 이름으로 선언된 변수를 모두 끌어올려 선언

✔️ 함수 선언식 (function declaration)

• 선언되기 이전에 호출 가능
• hoisted

> function getRectangleArea (width, height) {
	let ractangleArea = width * height
    return rectangleArea
}
< undefined
> getRectangleArea(3,4)
< 12

✔️ 함수 표현식 (Function expression)

• 할당된 다음부터 호출 가능

> let getRectangleArea = function (width, height) {
	let rectangleArea = width * height;
    return rectangleArea
}
< undefined
> getRectangleArea(3,4)
< 12

✔️ 화살표

*중괄호, function 생략 가능

//1.
> let getRectangleArea = (width, height) => {
	let rectangleArea = width * height;
    return rectangleArea
}
< undefined
> getRectangleArea(3,4)
< 12

//2.
>let getRectangleArea = (width, height) => width * height;
< undefined
> getRectangleArea(3,4)
< 12