[JavaScript] - 화살표함수

🎈함수선언문 : 어디서든 호출가능

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

🎈함수표현식 : 코드에 도달하면 생성

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

🎈화살표 함수(arrow function)

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

👇🏻 동일
let add = function(num1, num2){
    ㅇreturn num1 + num2; 
}

ex)함수표현식

showError();

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

👇🏻 결과값

ex)함수선언문1
showError();

function showError(){
console.log('error');
}
👇🏻 결과값

---

✍🏻 화살표함수로 바꾸면

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

---

ex)함수선언문2

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

✍🏻 화살표함수로 바꾸면

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

---

ex)함수선언문3(인수가 2개이고, return문이 있을때)

const add = function (num1, num2){
  const result = num1 + num2;
  return result;
};

✍🏻 화살표함수로 바꾸면

const add = (num1, num2) => {
  return = num1 + num2;
};
👇🏻
const add = (num1, num2) => (
  num1 + num2;
); 중괄호 > 괄호
👇🏻
const add = (num1, num2) => num1 + num2;
return문이 한줄이기 때문에 더 간결하게 줄일 수 있음