변수가 사라지는 이유 : 범위 퍼즐에 대한 실용 가이드

범위 규칙으로 인해 변수가 사라집니다. 선언 된 곳에서 액세스 할 수있는 위치를 결정합니다. 2. 우발적 인 글로벌 생성은 var/let/const를 생략 할 때 발생하는 반면, 엄격한 모드는 오류를 던지면이를 방지합니다. 3. 블록 스코프 혼란이 발생합니다. var는 블록 스코핑 된 Let and Const와는 달리 함수 스코핑되기 때문에 발생합니다. 4. 기능 범위 트랩에는 가변적 인 그림자와 중첩 된 기능 변수에 대한 부적절한 액세스가 포함됩니다. 5. 비동기 문제는 var의 루프가 클로저가 let 또는 클로저를 사용하여 고정 된 동일한 변수를 공유 할 때 발생합니다. 항상 LET 또는 Const로 변수를 선언하고 엄격한 모드를 사용하며 Eslint와 같은 도구를 활용하여 범위 관련 오류를 일찍 포착하십시오.

몇 줄의 코드를 작성하고 변수를 설정 한 다음 갑자기“정의되지 않은”,“찾을 수 없음”또는 조용히 무시됩니다. 실망 스럽습니까? 이것은 일반적으로 당신의 언어로 된 버그가 아닙니다. 직장에서의 범위입니다. 변수가 존재하고 액세스 할 수 있는 범위를 이해하는 것이 이러한 사라지는 행위를 피하는 핵심입니다.

변수가 사라지는 이유와 필요한 곳에 변수를 유지하는 방법을 세분화합시다.

범위 가란 무엇이며 왜 중요한가요?

범위는 코드의 다른 부분에서 변수의 가시성을 정의합니다. 집안의 방처럼 생각하십시오. 부엌에서 선언 된 가변은 공유 공간에 있지 않으면 침실에서 볼 수 없습니다.

세 가지 주요 유형이 있습니다.

• 글로벌 범위 : 변수는 기능이나 블록 외부에서 선언합니다. 그들은 어디에서나 접근 할 수 있습니다.
• 함수 (로컬) 범위 : 함수 내부의 변수. 그 기능 만 볼 수 있습니다.
• 블록 스코프 (예 : JavaScript의 let and const ) : 변수는 if , for 또는 plain {} 와 같은 {} 블록 내에 만 존재합니다.

범위를 벗어난 변수에 액세스하려고 할 때 숨겨진 것이 아니라 존재하지 않을 수도 있습니다.

일반적인 방법은 변수가 "사라집니다"

1. 우발적 인 글로벌 창조 (또는 회피)

JavaScript에서 var , let 또는 const 없는 변수를 사용하여 로컬로 유지하려는 경우에도 전역을 생성합니다.

 함수 badexample () {
    x = "지금은 전 세계입니다!";
}
Badexample ();
Console.log (x); // "지금은 전 세계입니다!" - 아마도 당신이 원하는 것이 아닐 수도 있습니다

그러나 사례를 뒤집습니다 : var / 엄격한 모드를 잊어 let ( 'use strict' ) 오류가 발생합니다. 따라서 변수는 사라지지 않고 스크립트가 충돌합니다.

✅ 수정 : 항상 let 또는 const 로 변수를 선언합니다. 엄격한 모드를 사용하여 일찍 실수를 잡으십시오.

2. 블록 범위 혼동

많은 사람들이 var 가정하고 동일하게 행동 let 합니다. 그들은하지 않습니다.

 if (true) {
    var a = "어디서나 보이도";
    B = "이 블록에서만"하자;
}
Console.log (a); // 작품 : "모든 곳에서 보이기"
Console.log (b); // 오류 : B는 정의되지 않았습니다

var 블록 스코프가 아닌 기능 스코핑입니다. 따라서 if 블록에서 a 됩니다. 그러나 b ( let )는 제한되어 있습니다.

✅ 수정 : 블록 레벨 컨트롤에 let 및 const 사용하십시오. var 기능 경계 만 존중한다는 것을 알고 있습니다.

3. 기능 범위 트랩

함수 내부 변수는 기본적으로 로컬입니다. 그러나 중첩 기능은 혼란을 야기 할 수 있습니다.

 함수 외부 () {
    비밀 = "숨겨진";
    함수 내부 () {
        Console.log (Secret); // 작동 : 내부는 외부 변수를 볼 수 있습니다
    }
    안의();
}
밖의();
Console.log (Secret); // 오류 : 여기에서 액세스 할 수 없습니다

이것은 어휘 범위 입니다 - 인더 함수는 외부 변수에 액세스 할 수 있지만 그 반대는 아닙니다.

그러나 내부 기능을 호출하는 것을 잊어 버리면 어떨까요? 아니면 변수를 다시 고정합니까?

 함수 외부 () {
    x = 1을하자;
    함수 내부 () {
        x = 2로하자; //이 그림자는 외부 x를냅니다
        Console.log (x); // 2
    }
    안의();
    Console.log (x); // 1 - 원래 변경되지 않았습니다
}

✅ 수정 : 가변적 인 그림자에주의하십시오. 혼란을 피하기 위해 변수 이름을 명확하게 지정합니다.

4. 비동기 코드 및 폐쇄 문제

다음은 클래식입니다 : 콜백이있는 루프의 변수.

 for (var i = 0; i <3; i) {
    settimeout (() => console.log (i), 100);
}
// 출력 : 3, 3, 3 - 0, 1, 2가 아닙니다!

왜? var 블록 범위가없고 setTimeout 실행되기 때문에 루프가 완료되었습니다. i 3이다.

그러나 var 변경 let :

 for (i = 0; i <3; i) {
    settimeout (() => console.log (i), 100);
}
// 출력 : 0, 1, 2 - 작동합니다!

각 반복에 대한 새로운 바인딩을 생성 let .

✅ 수정 : 비동기 콜백이있는 let 를 사용하십시오. 또는 var .

범위 문제를 디버깅하는 방법

변수가 사라지는 것처럼 보일 때 :

• 선언 된 위치를 확인하십시오 - 함수, 블록 또는 전 세계에 있습니까?
• 오류 메시지를보십시오 - "정의되지 않은"것은 그것이 존재하지 않았다는 것을 의미합니다. "정의되지 않은"이란 선언되었지만 할당되지 않은 것을 의미합니다.
• console.log 또는 Debugger를 사용하십시오 - 단계를 통과하여 어디에서 나타나거나 사라지는 지 확인하십시오.
• 글로벌 오염을 피하십시오 - 너무 많은 글로벌이 추적을 더 어렵게 만듭니다.

또한 고려 :

• 기본적으로 const 사용하려면 필요할 let
• 기능을 작게 유지하여 범위를 따라 가기가 더 쉽습니다.
• 엄격한 모드를 활성화하고 eslint와 같은 라이터를 사용하여 선언되지 않은 변수를 포착합니다.

결론

변수는 실제로 사라지지 않습니다. 그들은 결코 시작할 수 없었습니다. 규칙은 임의적이지 않습니다. 그들은 당신의 코드를 명명 충돌과 의도하지 않은 행동으로부터 보호합니다.

언어의 범위 규칙을 이해하고, 변수를 올바르게 선언하고, 어디서 사용하는지에주의를 기울이십시오.

기본적으로 : 올바른 방에서 사용하십시오 .

위 내용은 변수가 사라지는 이유 : 범위 퍼즐에 대한 실용 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!