ES6 시리즈의 let, const, arrow 함수에서 사용하는 피트

  1. 변수 호이스팅
  2. 블록 범위 지정의 중요성
  3. 이것이 가리키는 화살표 함수
  4. 나머지 매개변수 및 인수

1. ECMAScript와 Js의 관계

 2. 바벨 트랜스코더

Babel은 ES6 코드를 이전 브라우저에서 실행되도록 ES5 코드로 변환하는 널리 사용되는 ES6 트랜스코더입니다. 이는 기존 환경이 지원하는지 여부에 대한 걱정 없이 ES6 방식으로 프로그램을 작성할 수 있음을 의미합니다.

 위의 원본 코드는 화살표 함수를 사용하고 있으며 Babel은 이를 화살표 함수를 지원하지 않는 JavaScript 환경에서 실행할 수 있는 일반 함수로 변환합니다.

3. let 및 const 명령

정의하자

ES6는 변수를 선언하기 위해 let 명령을 추가했으며 사용법은 var와 유사합니다.

2.1 var 변수 프로모션 존재

let 및 const가 존재하지 않습니다.

 2.2 동일한 범위 내에서 동일한 이름을 반복적으로 정의할 수 없습니다.

 

 

4. 화살표 기능

 

 

 

 

 

 화살통 기능:

화살표 함수는 생성자로 사용할 수 없으며 새 명령을 사용할 수 없습니다.

생성자는 객체를 생성하기 위한 템플릿입니다.

 

화살표 함수에는 인수 객체가 없으며 나머지 대신 객체가 함수 본문에 존재하지 않습니다. 

 

 5. 해체

해체란 무엇인가

ES6에서는 배열과 객체에서 값을 추출하고 특정 패턴에 따라 변수에 값을 할당할 수 있습니다. 이를 Destructuring이라고 합니다.

해체는 ES6의 새로운 기능으로 ES5 코드보다 간단하고 명확하여 코드의 양을 줄입니다.

ES5에서 변수에 값을 할당하는 것은 값을 직접 지정할 수만 있습니다.

 

 

6, 세트 

 

 

7.맵

 

 

 

 

추천

출처blog.csdn.net/a_xia_o/article/details/132034345