JS - arrow function

식별자

카멜케이스 작성법에 따라 작성
ex) printName

함수 선언식

function [함수명](){
  //code
}

함수 표현식

const [변수명] = function[함수명](){
  //code
}

arrow 함수 만들기

//함수 선언식
function sum(num1,num2){
  return num1+num2;
}

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

//함수선언식에서 function sum 없애고 화살표 삽입 
(num1,num2) => {return num1+num2;}
// 함수 식별자 없으므로 호출하려면 표현식 방법 이용
const sum = (num1, num2) => {return num1+num2;}
//중괄호 안에 리턴 키워드 사용해서 데이터 반환하려는 형태라면 다음과 같이 작성 가능
const sum = (num1,num2) => num1+num2;


//전달하려는 매개변수 하나라면? 소괄호 생략가능 
const pow = x => x*x;
//전달하려는 매개변수가 하나도 없다면?
const printPie = () => 3.14;


//화살표함수가 내부적으로 객체 반환하고 있다면? 
const getObject = () =>{
  return {
    name:"철수",
    age:20
  }
}
const getObject = () => ({
  name:"철수",
  age:20
});

내부함수 -> arrow 함수로

//함수선언식
function outer(x){
return function inner(){
  return x*x;
  }
}

//
(x) => {
return function inner(){
  return x*x;
  }
}

// 정상적인 호출을 위해 표현식 활용
const outer = (x) =>{
  return function inner(){
  return x*x;
  }
}

//중괄호 안에 리턴 키워드 사용해서 데이터 반환하려는 형태라면 다음과 같이 작성 가능
const outer = (x) => function inner(){
  return x*x;
  }

//일반함수 또한 화살표 함수로 변경 가능 
const outer = (x) => () => {
  return x*x;
  }

//중괄호 안에 리턴 키워드 사용해서 데이터 반환하려는 형태라면 다음과 같이 작성 가능
const outer = (x) => () => return x*x;