함수 선언문, 함수 표현식, 화살표 함수

JOUNG·2023년 2월 13일
0

javascript

목록 보기
1/9
post-thumbnail

1. 함수 선언문 vs 함수 표현식

//함수 선언문
function sayHello(){
	console.log('Hello');
}

//함수 표현식
let sayHello = function(){
	console.log('Hello');
}

2-1. 함수 표현식

//ex1
showError();
let showError = function() {
	console.log('error')
}

//ex2
const sayHello = function (name) {
	const msg = `Hello, ${name}`;
    console.log(msg);
}

2-2. 화살표 함수로 변경

//ex1
showError();
let showError = () => {
	console.log('error')
}

//ex2
const sayHello = (name) => {
	const msg = `Hello, ${name}`;
    console.log(msg);
}

3. 화살표 함수 리턴문

//함수 표현식
const add = function(num1, num2) {
	const result = num1 + num2;
    return result;
} 

//화살표 함수로 변경하고 리턴문을 줄이는 방법
const add = (num1, num2) => {
	return num1 + num2;
}

//리턴문 더 간결하게 줄이는 방법
const add = (num1 + num2) => num1 + num2;

0개의 댓글