> 웹 프론트엔드 > JS 튜토리얼 > 꼭 알아야 할 새로운 ES6 기능: let 및 const 명령에 대한 자세한 설명

꼭 알아야 할 새로운 ES6 기능: let 및 const 명령에 대한 자세한 설명

零下一度
풀어 주다: 2017-04-22 10:05:36
원래의
1325명이 탐색했습니다.

이 글에서는 ES6의 새로운 기능 중 let과 const 명령어를 주로 소개하고, let과 const 명령어의 기능과 사용법, 관련 주의사항을 예시 형태로 분석해 도움이 필요한 친구들이 참고할 수 있도록 했습니다.

이 글에서는 ES6의 새로운 기능에 포함된 let 및 const 명령을 예시와 함께 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 사항은 다음과 같습니다.

1. let 명령

① 블록 수준 범위가 없습니다. js에서는 var가 선언한 변수의 범위가 함수 본문 전체이고, let이 이 역할을 할 수 있습니다.

{
  let a = 1;
  var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defind
로그인 후 복사

② 그리고 let이 이 역할을 할 수 있습니다. js의 변수 및 함수 선언은 다음으로 승격됩니다. 현재 범위가 맨 위에 있습니다. 이로 인해 문제가 발생합니다.

var a = [];
//函数和变量i会最先进行声明,同时全局变量i经过for循环赋值为10
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
console.log(i);//10
a[6]();//10
로그인 후 복사

let를 사용하면 이 문제가 해결됩니다

for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); //6
로그인 후 복사

3var와 달리 let은 "변수 승격" 현상이 발생합니다

console.log(a); // a is not defined
let a = 1;
로그인 후 복사

4let은 동일한 블록 내에서 허용되지 않습니다. 범위, 동일한 변수를 반복적으로 선언

// 报错
{
  let a = 10;
  var a = 1;
}
// 报错
{
  let a = 10;
  let a = 1;
}
로그인 후 복사

2. const 명령

① const는 변수 선언에도 사용되지만 선언은 상수입니다. . 한번 선언된 상수의 값은 변경할 수 없습니다.
② let과 동일하며, 동일한 블록 수준 범위에서 동일한 변수를 반복적으로 선언할 수 없습니다.
③ const의 범위는 let 명령의 범위와 동일합니다. 선언된 블록 수준 범위 내에서만 유효합니다.

const PI = 3.1415;
console.log(PI); // 3.1415
//PI = 3; // Assignment to constant variable.(不能给常量赋值)
//const PI = 3.1;// Identifier &#39;PI&#39; has already been declared
로그인 후 복사

js를 배워야 하는 학생들은 PHP 중국어 웹사이트 js 비디오 튜토리얼에 주목하세요. 많은 js 온라인 비디오 튜토리얼을 무료로 시청할 수 있습니다!

위 내용은 꼭 알아야 할 새로운 ES6 기능: let 및 const 명령에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿