함수에서 \'this\'를 제어하는 ​​데 JavaScript 바인딩()이 필수적인 이유는 무엇입니까?

JavaScript 바인딩()은 왜 필요한가요?

JavaScript에서 "this"는 실행 중인 코드를 소유한 객체를 의미합니다. 그러나 함수가 콜백이나 이벤트 핸들러로 전달되면 호출 환경이 의도한 환경과 다를 수 있습니다. 이로 인해 "this"가 의도한 개체가 아닌 전역 개체를 참조하는 문제가 발생합니다.

바인드 문제 해결

JavaScript의 바인딩() 메서드를 사용하면 함수 내에서 "this" 값을 명시적으로 설정합니다. 함수를 특정 개체에 바인딩하면 함수가 호출될 때 "this"가 해당 개체를 참조하도록 할 수 있습니다.

예:

<code class="js">var myName = {
  name: "Tom",
  getName: function() {
    return this.name;
  }
};

var storeMyName2 = myName.getName.bind(myName);
console.log(storeMyName2()); // Output: "Tom" (correct)</code>

getName()을 myName에 바인딩하면 "this"에 대한 참조가 유지되고 함수는 "Tom"을 올바르게 반환합니다.

대체 솔루션: 예 3

In 예제 3에서 storeMyName3에는 myName.getName()을 즉시 호출한 결과가 할당됩니다. 이는 storeMyName3의 값이 함수가 아닌 문자열임을 의미합니다. 따라서 "this"의 값은 함수 호출 시점이 아니라 실행 시점에 결정되므로 문제가 되지 않습니다.

Bind()와 예제 3의 비교

Bind()와 예제 3은 동일한 목표를 달성하지만 메커니즘이 다릅니다. Bind()를 사용하면 함수를 즉시 호출하지 않고도 함수의 컨텍스트를 설정할 수 있지만, 예제 3에서는 함수를 호출하고 결과를 저장하여 컨텍스트를 설정합니다.

위 내용은 함수에서 \'this\'를 제어하는 ​​데 JavaScript 바인딩()이 필수적인 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!