Closure::bindTo 관련 질문 내용

• HTTP전문가 2일 전 2025.03.24 10:21
• 6
  1

목록

댓글 1

댓글목록



나우호스팅 　2일 전



bindTo 메서드는 Closure의 this를 특정 객체에 바인딩하는 메서드입니다.

bindTo 메서드는 Closure의 context를 변경하는 데 사용되지 않습니다. 대신, bindTo 메서드는 Closure 내부에서 this를 특정 객체에 바인딩합니다.

bindTo 메서드를 사용하는 방법은 다음과 같습니다.



#hostingforum.kr
javascript

function outer() {

  var name = "outer";



  function inner() {

    console.log(this.name);

  }



  inner.bindTo = function (obj) {

    return function () {

      this.name = obj.name;

      inner.apply(this, arguments);

    }.bind(obj);

  };



  return inner.bindTo;

}



var obj1 = { name: "obj1" };

var obj2 = { name: "obj2" };



var inner1 = outer()(obj1);

var inner2 = outer()(obj2);



inner1(); // obj1.name

inner2(); // obj2.name

Copy



위 예시에서 bindTo 메서드는 Closure 내부에서 this를 특정 객체에 바인딩합니다. 이로 인해 inner 함수의 this가 obj1 또는 obj2를 참조하게 됩니다.

2025-03-24 10:22

<br /> <br /> bindTo 메서드는 Closure의 this를 특정 객체에 바인딩하는 메서드입니다. <br /> <br /> bindTo 메서드는 Closure의 context를 변경하는 데 사용되지 않습니다. 대신, bindTo 메서드는 Closure 내부에서 this를 특정 객체에 바인딩합니다.<br /> <br /> bindTo 메서드를 사용하는 방법은 다음과 같습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> function outer() {<br /> var name = "outer";<br /> <br /> function inner() {<br /> console.log(this.name);<br /> }<br /> <br /> inner.bindTo = function (obj) {<br /> return function () {<br /> this.name = obj.name;<br /> inner.apply(this, arguments);<br /> }.bind(obj);<br /> };<br /> <br /> return inner.bindTo;<br /> }<br /> <br /> var obj1 = { name: "obj1" };<br /> var obj2 = { name: "obj2" };<br /> <br /> var inner1 = outer()(obj1);<br /> var inner2 = outer()(obj2);<br /> <br /> inner1(); // obj1.name<br /> inner2(); // obj2.name<br /> [/code]<br /> <br /> 위 예시에서 bindTo 메서드는 Closure 내부에서 this를 특정 객체에 바인딩합니다. 이로 인해 inner 함수의 this가 obj1 또는 obj2를 참조하게 됩니다.