ECMAScript 6: 화살표 함수 구문 학습

하나.화살표 함수 구문:

1. 매개변수가 없을 때

var demo = function（）{
}

다음과 같습니다.

var demo = () => {
 
}

2. 매개 변수가 하나만 있을 때

var demo = function（a）{
return a;
}

다음과 같습니다.

var demo = a => a

3. 여러 개의 매개 변수는 소괄호, 매개 변수 사이의 쉼표 간격을 사용해야 한다

var demo = function（a,b）{
return a+b;
}

다음과 같습니다.

var demo = (a,b) => a+b

사.함수체 여러 문장은 대괄호를 사용해야 한다

var demo = function（a,b）{
if(a>b){
    return a-b;
} else{
    return b-a;
  }
}

다음과 같습니다.

var demo = (a,b) =>{
if(a>b){
    return a-b;
} else{
    return b-a;
  }
}

오.대상을 되돌릴 때 괄호로 싸야 합니다. 괄호가 점용되어 코드 블록으로 해석되기 때문입니다.

var demo = (name,age) =>{
return ({
    name: name,
    age: age
   })
}

육.배열로 리셋 정렬

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => {
 if (a - b > 0 ) {
  return 1
 } else {
  return -1
 }
})

참고:
화살표 함수는 확실히 전통 함수와 다른 점이 있지만 여전히 공통된 특징이 존재한다.예: 1.화살표 함수에 대해 typeof 작업을 하면 "function"을 되돌려줍니다.2. 화살표 함수는 여전히 Function의 실례이기 때문에 instanceof의 실행 방식은 전통 함수와 일치한다.3. call/apply/bind 방법은 화살표 함수에 적용되지만,이 방법을 호출하여 현재 작용역을 확장해도this는 변하지 않습니다.4. 화살표 함수와 전통 함수의 가장 큰 차이점, new 작업 비활성화