[javascript] 어휘 범위는 무엇입니까?

범위는 기능, 변수 등을 사용할 수있는 영역을 정의합니다. 예를 들어 변수의 가용성은 컨텍스트 내에서 정의됩니다. 함수, 파일 또는 객체가 정의되어 있다고합시다. 일반적으로 이러한 로컬 변수를 호출합니다.

어휘 부분은 소스 코드를 읽지 않고 범위를 파생시킬 수 있음을 의미합니다.

어휘 범위는 정적 범위라고도합니다.

동적 범위는 정의 후 어디서나 호출하거나 참조 할 수있는 전역 변수를 정의합니다. 대부분의 프로그램 언어의 전역 변수가 어휘 범위에 있더라도 전역 변수라고도합니다. 이는 변수가이 컨텍스트에서 사용 가능하다는 코드를 읽음으로써 파생 될 수 있음을 의미합니다. 아마도 instatiation 또는 정의를 찾기 위해 uses 또는 contains 절을 따라야 할 수도 있지만 코드 / 컴파일러는이 위치의 변수에 대해 알고 있습니다.

반면에 동적 범위 지정에서는 먼저 로컬 함수를 검색 한 다음 로컬 함수를 호출 한 함수를 검색 한 다음 해당 함수를 호출 한 함수 등을 호출 스택에서 검색합니다. “동적”은 주어진 함수가 호출 될 때마다 호출 스택이 다를 수 있으므로 함수가 호출되는 위치에 따라 다른 변수에 부딪 칠 수 있다는 점에서 변경을 나타냅니다. ( 여기 참조 )

동적 범위에 대한 흥미로운 예를 보려면 여기를 참조 하십시오 .

자세한 내용은 여기 및 여기를 참조 하십시오 .

델파이 / 오브젝트 파스칼의 예제

델파이는 어휘 범위를 가지고 있습니다.

unit Main;
uses aUnit;  // makes available all variables in interface section of aUnit

interface

  var aGlobal: string; // global in the scope of all units that use Main;
  type
    TmyClass = class
      strict private aPrivateVar: Integer; // only known by objects of this class type
                                    // lexical: within class definition, 
                                    // reserved word private   
      public aPublicVar: double;    // known to everyboday that has access to a 
                                    // object of this class type
    end;

implementation

  var aLocalGlobal: string; // known to all functions following 
                            // the definition in this unit    

end.

델파이가 동적 범위에 가장 가까운 것은 RegisterClass () / GetClass () 함수 쌍입니다. 사용 방법은 여기를 참조 하십시오 .

RegisterClass ([TmyClass])가 특정 클래스를 등록하기 위해 호출 된 시간은 코드를 읽음으로써 예측할 수 없습니다 (사용자가 호출 한 버튼 클릭 메소드에서 호출 됨). GetClass ( ‘TmyClass’)를 호출하는 코드는 결과 또는 아닙니다. RegisterClass () 호출은 GetClass ()를 사용하여 어휘 범위 내에있을 필요는 없습니다.

동적 범위의 또 다른 가능성 은 델파이 2009의 익명 메소드 (클로저)입니다. 호출 함수의 변수를 알고 있기 때문입니다. 재귀 적으로 호출 경로를 따르지 않으므로 완전히 동적이지 않습니다.

답변

var downloadManager = {
  initialize: function() {
    var _this = this; // Set up `_this` for lexical access
    $('.downloadLink').on('click', function () {
      _this.startDownload();
    });
  },
  startDownload: function(){
    this.thinking = true;
    // Request the file from the server and bind more callbacks for when it returns success or failure
  }
  //...
};

var downloadManager = {
  initialize: function() {
    $('.downloadLink').on('click', function () {
      this.startDownload();
    }.bind(this)); // Create a function object bound to `this`
  }
//...