중첩된 JavaScript 함수에서 \'this\' 포인터를 유지하는 방법

중첩 함수의 JavaScript "this" 포인터

JavaScript에서 중첩 함수 작업 시 "this" 포인터의 값이 혼동될 수 있습니다. 기능. 예상과는 달리 중첩된 함수를 호출하면 바깥쪽 함수가 아닌 전역 "창" 개체에 "this" 포인터를 할당할 수 있습니다.

다음 코드를 고려하세요.

<code class="javascript">var std_obj = {
  options: { rows: 0, cols: 0 },
  activeEffect: "none",
  displayMe: function() {
    // this refers to std_obj
    if (this.activeEffect == "fade") { }

    var doSomeEffects = function() {
      // this unexpectedly refers to the window object
      if (this.activeEffect == "fade") { }
    };

    doSomeEffects();
  }
};

std_obj.displayMe();</code>

여기서 시나리오에서는 중첩 함수 doSomeEffects가 호출되면 "this" 포인터가 std_obj 범위 내에서 선언되었더라도 "window" 개체를 가리킵니다. 이는 JavaScript가 함수가 호출되는 방식에 따라 "this" 포인터를 결정하기 때문입니다.

이 경우 doSomeEffects는 선행 상위 개체 없이 호출되어 전역 개체(일반적으로 "window" 개체)가 생성됩니다. )이 "this"에 할당됩니다. 이 문제를 해결하려면 세 가지 방법을 사용할 수 있습니다.

1. 호출 방법으로 함수를 호출합니다.

   <code class="javascript">doSomeEffects.call(std_obj);</code>

2. 적용 메서드를 사용하여 함수 적용:

   <code class="javascript">doSomeEffects.apply(std_obj, []);</code>

3. 바운드 함수 만들기:

   <code class="javascript">var boundDoSomeEffects = doSomeEffects.bind(std_obj);
   boundDoSomeEffects();</code>

위 내용은 중첩된 JavaScript 함수에서 \'this\' 포인터를 유지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!