본문 바로가기

Web/JavaScript

[JS] 함수2

728x90

함수 선언문

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


함수 표현식

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

두 개의 차이는 함수를 호출 할 수 있는 타이밍
함수 선언문은 어디서든 호출 가능
예를 들어

sayHello();

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


이런식으로 작성해도 실행 가능
자바 스크립트는 위에서 아래로 실행되는데 어떻게 실행되는가?
자바 스크립트는 실행 전 코드의 모든 함수를 모아서 모아둠
이를 바탕으로 코드 실행범위가 넓음 이를 호이스팅이라고 함

함수 표현식은 코드에 도달하면 생성되어 선언된 이후에만 사용 가능

화살표 함수

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


return문은 일반 괄호로 변경가능
let add=(num1, num2) => (num1 + num2;)

return문이 한줄이라면 괄호도 생략가능
let add=(num1, num2) => num1 + num2;

728x90

'Web > JavaScript' 카테고리의 다른 글

[JS] 배열  (0) 2024.02.05
[JS] 객체  (0) 2024.02.05
[JS] 함수  (1) 2024.01.30
[JS] 반복문, Switch  (0) 2024.01.30
[JS] 논리연산자  (0) 2024.01.30