function 함수

자바스크립트에서 함수의 표현이 여러개가 있다 함수의 표현을 더 간결하게 하면서 표현이 늘어났다

 

 

기본 함수 표현

function add(a,b) {
  return a+b;
}
var add = function(a,b){
  return a+b;
}

위 두개의 함수 표현은 자바스크립트에서 기본적인 함수의 표현이다

위 함수와 아래 함수의 차이는 함수가 이름을 가지는지이다 위 함수는 add로 이름을 가지고 아래 함수는 결과 값을 add에 저장하는거지 함수 자체는 익명함수이다

 

 

화살표 함수

let add =function(a,b,c,d){
  return a+b+c+d;
}

이 기본함수 표현을 화살 표 함수로 바꾼다면

let add =(a,b,c,d) => a+b+c+d;

만약 인수가 하나라면 더 괄호를 사용하지 않을 수 있다

let mul = n => n*2;
let mul = function(n) {
  return n*2;
}// 두개가 같은 표현

만약 인수가 하나도 없으면 빈괄호로 표현할 수 있다

let hello = () => console.log("안녕하세요");

이때 괄호는 생략 불가능하다

 

화살표 함수와 일반 함수의 차이

• 무조건 익명 함수로만 사용가능
• 메소드나 생성자 함수로 사용할 수 없다

 

 

여러줄인 화살표 함수

평가해야될 구문이나 식이 여러줄인 함수가 있다 이런경우 중괄호를 이용해서 묶어서 표현할 수 있다

이때는 return으로 결과값을 반환해야한다

let fun = (a,b,c) =>{
  sum = a+b+c;
  return sum;
}