jquery에서 키워드 let의 의미는 무엇입니까?

jQuery에서 let은 변수를 선언하는 키워드입니다. let 키워드를 사용하면 범위가 블록 범위로 제한된 변수, 명령문 또는 표현식을 선언할 수 있습니다. let으로 선언된 변수는 범위에서 승격되지 않으며 컴파일 타임에 초기화됩니다. 전역적으로(최상위 범위에서) 선언될 때 창 개체의 속성을 생성하지 않습니다.

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.0 버전, Dell G3 컴퓨터.

jquery에서 let은 변수를 선언하는 키워드입니다.

let 키워드는 블록 범위 지역 변수를 선언하고 값으로 초기화될 수 있습니다(선택 사항). 구문:

let name1 [= value1] [, name2 [= value2]] [, ..., nameN [= valueN];

Parameters

• nameN: 선언할 하나 이상의 변수 이름은 법적 식별자여야 합니다.

• valueN: 선택 사항이며 변수의 초기 값을 지정합니다. 이는 모든 유효한 표현식이 될 수 있습니다.

예:

let x = 1;

if (x === 1) {
  let x = 2;

  console.log(x);
  // expected output: 2
}

console.log(x);
// expected output: 1

설명:

let을 사용하면 범위가 블록 범위로 제한된 변수, 명령문 또는 표현식을 선언할 수 있습니다. var 키워드와 달리 var로 선언된 변수 범위는 전역 또는 전체 함수 블록입니다. var와 let의 또 다른 중요한 차이점은 let으로 선언된 변수는 범위 내에서 승격되지 않고 컴파일 타임에 초기화된다는 것입니다(아래 임시 데드존 참조).

const와 마찬가지로 let은 전역적으로(최상위 범위에서) 선언될 때 창 개체의 속성을 생성하지 않습니다.

여기에서 let을 사용하는 이유를 알 수 있습니다.

let 변수를 사용되는 범위의 최상위에 선언하면 많은 문제를 피할 수 있지만 그렇게 하면 가독성에 영향을 미칠 수 있습니다.

var와 달리 let은 완전한 표현식이 아닌 문의 시작 부분에 불과합니다. 이는 코드 블록의 본문으로 별도의 let 선언을 가질 수 없음을 의미합니다(선언된 변수에 액세스할 수 없으므로 이는 의미가 있습니다).

if (true) let a = 1; // SyntaxError: Lexical declaration cannot appear in a single-statement context

범위 규칙

let으로 선언된 변수의 범위는 해당 변수가 선언된 블록 또는 하위 블록 내에만 있습니다. 이는 var와 유사합니다. 둘 사이의 주요 차이점은 var로 선언된 변수의 범위가 전체 둘러싸는 함수라는 것입니다.

function varTest() {
  var x = 1;
  {
    var x = 2; // same variable!
    console.log(x); // 2
  }
  console.log(x); // 2}function letTest() {
  let x = 1;
  {
    let x = 2; // different variable
    console.log(x); // 2
  }
  console.log(x); // 1}
  
  
letTest();
varTest();

전역 범위에서 let은 전역 객체에 속성을 생성하지 않는다는 점에서 var와 다릅니다. 예:

var x = 'global';
let y = 'global';
console.log(this.x); // "global"
console.log(this.y); // undefined

중복 선언

동일한 함수 또는 블록 범위에서 동일한 변수를 반복적으로 선언하면 SyntaxError가 발생합니다.

if (x) {
  let foo;
  let foo; // SyntaxError thrown.
}

이 오류는 동일한 블록 범위이기 때문에 스위치 문에서도 발생합니다.

let x = 1;

switch(x) {
  case 0:
    let foo;
    break;
  case 1:
    let foo; // SyntaxError for redeclaration.
    break;
}

그러나 Case 절에 중첩된 블록은 새로운 블록 범위 어휘 환경을 생성하고 중복 선언 오류를 생성하지 않는다는 점에 유의하는 것이 중요합니다.

let x = 1;

switch(x) {
  case 0: {
    let foo;
    break;
  }
  case 1: {
    let foo;
    break;
  }
}

【추천 학습: jQuery 동영상 튜토리얼, 웹 프론트엔드 동영상】

위 내용은 jquery에서 키워드 let의 의미는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!