개인적인 공부/프론트엔드

JavaScript (화살표 함수)

karatejin 2023. 1. 5. 20:59

function

function printMyName(name){
  console.log(name);
}
printMyName();

알수없음

 

function printMyName(name){
  console.log(name);
}
printMyName('양진구');

 

const 화살표 함수

const printMyName = (name) =>{
  console.log(name);
}
printMyName('양진구');

const 화살표 함수 인수를 1개만 받는다고 할때

const printMyName = name =>{
  console.log(name);
}
printMyName('양진구');

소괄호 생략가능

 

const 화살표 함수

const printMyName = () =>{
  console.log('양진구');
}
printMyName();

 

1개이상의 인수를 갖는다면?

const printMyName = (name,age) =>{
  console.log(name,age);
}
printMyName('양진구',35);

소괄호로 감싸야 한다.

 

곱할때

const multiply = (number) =>{
  return number *2;
}
console.log(multiply(2));

짧게

const multiply = (number) => number *2;

console.log(multiply(2));

괄호 생략도 가능

const multiply = number => number *2;

console.log(multiply(2));

값은 똑같이 4