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

1357 단어

하나.화살표 함수 구문:


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 작업 비활성화
첫 번째 ESLint 플러그인 작성 방법
작은 프로그램의 페이지 이동 방식 총결산

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage