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

다음 예를 고려하십시오.

예제 1에서 storeMyName()을 호출하면 이를 전역 범위에 할당합니다. , 예상대로 "Tom" 대신 "John"이 표시됩니다.

Bind()의 필요성

함수 실행을 다른 코드에 위임하면 this 참조가 예측 불가능해질 수 있습니다. 바인딩()을 사용하면 함수를 호출하기 전에 이 값을 수동으로 설정할 수 있습니다.

예 2에서 바인드(myName)를 사용하여 storeMyName2()를 호출하면 이 값이 myName 객체로 설정되어 문제가 해결됩니다. 예제 1.

<code class="javascript">this.name = "John";

var myName = {
  name: "Tom",
  getName: function() {
    return this.name;
  }
};

var storeMyName = myName.getName; // example 1
var storeMyName2 = myName.getName.bind(myName); // example 2
var storeMyName3 = myName.getName(); // example 3</code>

예제 3 및 바인딩과 호출 비교

예제 3에서는 바인딩 없이 myName.getName()을 사용하지만 getName()이 적절하게 설정되었기 때문에 여전히 올바른 값을 반환합니다. 기능이 실행됩니다. 이는 함수가 실행되지 않고 저장되는 예제 1/2와 대조됩니다.

주요 차이점

결론

bind()는 다음과 같은 경우 JavaScript에서 필수적입니다. 다른 컨텍스트에서 실행될 함수의 this 값을 제어해야 합니다. 바인딩()을 사용하면 예기치 않은 동작을 방지하고 이 참조가 원하는 대로 설정되도록 할 수 있습니다.

위 내용은 JavaScript 바인딩()은 언제, 왜 필요한가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!