프로그래밍/자바스크립트

[인프런] 함수 표현식

초코맛동산 2024. 8. 31. 22:17

1. 함수 선언식

형식: function 함수명() { 함수 내용 }

- 호이스팅 O

function print_animal() { // 함수 선언식
	console.log("Dog!");
}

print_animal(); // 함수 호출

 

2. 함수 표현식

형식: 변수 타입 변수명 = function () { 함수 내용 }

- 호이스팅 X 

let print_animal = function() { // 함수 표현식
	console.log("Dog"!);
}

print_animal(); // 함수 호출

 

3. 화살표형 함수 

형식: 변수 타입 변수명 = () => { 함수내용 } 

- 함수 표현식에서 fucntion 키워드를 사용하지 않고, 대신 => 키워드를 통해 변수에 함수를 값 처럼 저장

- 호이스팅 X

- 간결한 함수 표현 방식

let print_animal = () => {
	console.log("Dog!"); 
}

print_animal();

 

4. 콜백 함수

- 다른 함수에 매개변수로 넘겨지는 함수.

function start(name, callback) {
	console.log(`Hi I am ${name}.`);
    callback()
}

function next() {
	console.log("I am interested in reading some books.");
}

start("Hyun", next);