JavaScript의 변수 범위

2198 단어
소개
범위는 변수의 수명이며 현재 변수 세트와 해당 값을 보유하며 JavaScript의 변수는 다른 언어와 다르게 작동합니다. 이 기사에서는 JavaScript의 변수 범위, 유형 및 선언 방법에 대해 설명합니다. 이 기사는 JavaScript를 배우는 경우 도움이 될 것입니다.

JavaScript에서 변수 범위는 무엇입니까?
스코프는 변수가 선언된 곳과 접근할 수 있는 곳, 즉 사용할 수 있는 영역을 의미합니다. 변수의 가시성입니다. 변수는 선언된 범위 외부에서 볼 수 없습니다. 즉, 변수는 선언된 범위 외부 또는 내부에 존재합니다. JavaScript 변수는 'var' 키워드로 선언됩니다.

변수 범위의 유형
두 가지 유형의 변수 범위가 있습니다.
  • 전역 범위
  • 로컬 범위

  • 뛰어들자;

    글로벌 범위
    전역 범위에서 변수는 함수 내부에서 선언되지 않고 함수 외부에서 선언됩니다. 즉, 함수 외부에서 작동하며 모든 함수에서 액세스하고 수정할 수 있습니다.

    예를 들어 보겠습니다.

    `var userName = "Jane";
    
    function modifyUserName(){
    userName = "Chisom";
    };
    function showUserName () {
    alert (userName);
    };
    alert (userName);
    modifyUserName ();
    showUserName();
    

    `
    위의 예에서 userName 변수는 함수 외부에서 선언되었기 때문에 전역 범위입니다. 전역 변수의 값은 함수 내부에서도 변경될 수 있습니다. 기능.

    브라우저 환경에서 전역 범위 변수는 window 객체에 의해 제어되지만 node.js에서는 전역 객체에 의해 제어됩니다.

    함수 내에서 var 키워드 없이 선언된 변수는 자동으로 전역 변수입니다.

    전역 변수는 주로 프로그래밍에 사용되며 모든 함수가 동일한 데이터에 액세스해야 하는 경우에 유용합니다. 동일한 이름으로 많은 변수를 선언할 수 없습니다.

    로컬 범위
    로컬 범위에서 변수는 함수 내에서 선언되며 선언된 함수 내에서만 액세스할 수 있습니다.

    예를 들어;

    `function modifyUserName(){
    var userName = “Jane”;
    };
    function showUserName () {
    alert (userName);
    };
    alert (userName);
    modifyUserName ();
    showUserName();`
    

    위의 예에서 "userName"변수는 함수 내에서 액세스할 수 있습니다. 외부의 지역 변수에 액세스할 수 없기 때문에 컴파일러에서 오류가 발생합니다.

    동일한 이름의 지역 변수는 선언된 함수에서만 인식되기 때문에 다른 함수에서 사용할 수 있으며, 함수가 실행될 때 지역 변수가 생성됩니다.

    참고: 지역 변수와 전역 변수의 이름이 같은 경우 한 변수의 값을 변경해도 다른 변수의 값에는 영향을 미치지 않습니다.

    `var userName = "Jane";
    
    function modifyUserName(){
    var userName = "Chisom";
    };
    function showUserName () {
    alert (userName); // “Chisom”
    };
    alert (userName); // Jane
    modifyUserName ();
    showUserName();`
    

    지역 변수의 변경 사항은 프로그램의 다른 기능에 영향을 미치지 않습니다.

    선언된 함수 문에서만 액세스할 수 있습니다.

    결론
    JavaScript에서 범위는 코드 블록, 함수, 모듈로 생성됩니다.

    변수 범위는 모든 개발자가 이해하기 위한 것입니다. 이 기사에서는 변수 범위가 무엇인지, 변수 범위의 유형에 대해 살펴보았습니다. 이 기사가 JavaScript에서 변수의 범위를 이해하는 데 도움이 되었기를 바랍니다.

    좋은 웹페이지 즐겨찾기