[JavaScript] 4-1. 화살표 함수

1. 매개변수의 개수에 따른 사용법

 

1. 매개변수가 없는 경우

func = () =>{
  console.log("func");
}
func();

 

 

2. 매개변수가 1개인 경우

func = (num) =>{
  console.log("func", num);
}
func(3);

 

매개변수가 1개면, ( ) 생략 가능

func = num =>{
  console.log("func", num);
}
func(3);

 

 

3. 매개변수가 여러 개인 경우

반드시 ( )로 매개변수들을 묶어야 한다.

func = (n1, n2) =>{
  console.log("func", n1*n2);
}
func(3, 2);

 

 

 

2. return값에 따른 사용법

 

1. 실행 문장이 return 1개인 경우

1) return 키워드 사용

우리가 흔히 사용하는 가장 기본 형태이다.

func = num =>{
  return num*num;
}
console.log(func(3));

 

 

2) return 키워드 생략 <=> { } 생략

return 키워드를 생략하면, { }는 반드시 생략해야 하며 반대로 { }를 생략하면 return을 생략해야 한다.

아니면 undefined로 반환된다.

func = num => num*num;
console.log(func(3));

 

 

 

2. 실행 문장이 여러 개인 경우

반드시 { }로 묶어야 하므로 return 키워드도 필수다.

func = num => {
  console.log(num);
  return num*num;
}
console.log(func(3));

 

 

3. return값이 없는 경우

undefined값을 반환한다.

func = num => {
  console.log(num);
}
console.log(func(3));