JavaScript (화살표 함수)

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

'개인적인 공부 > 프론트엔드' 카테고리의 다른 글

JavaScript (Spread & Rest Operators)  (0) 2023.01.06
JavaScript (Class, Property & Methods)  (0) 2023.01.06
JavaScript (클래스)  (0) 2023.01.06
JavaScript ( Export & Import)  (0) 2023.01.06
JavaScript (let 과 const)  (0) 2023.01.05