JavaScript의 함수 범위와 컨텍스트를 이해하고 계십니까?

컨텍스트와 범위는 JavaScript에서 동일하지 않습니다. 함수 호출 호출에는 범위와 컨텍스트가 모두 있습니다.

범위

변수의 범위는 변수가 정의된 프로그램의 영역입니다. JavaScript 변수에는 두 개의 범위만 있습니다. 전역 변수에는 전역 범위가 있으므로 JavaScript 코드의 어느 곳에서나 정의할 수 있습니다. 로컬 변수는 정의된 함수 내에서만 볼 수 있습니다. 함수 매개변수는 항상 해당 함수에 대해 로컬입니다.

컨텍스트

컨텍스트는 함수가 어떻게 호출되는지 보여줍니다. 예를 살펴보겠습니다 -

예시

var ob1 = {
   display: function() {
      return this;
   }
};
ob1.display() === ob1;

위는 개체의 메서드로 기능을 사용할 수 있는 경우 true를 반환합니다. 메서드가 호출된 개체로 설정된 "this" 컨텍스트를 보았습니다.