使用jquery或vanilla javascript將此函數的范圍更改為調用者

Question

我想要做的示例代碼被注釋：

 myObj.doSomething({
    callbackFn: function( result ) {
      if ( result && result.retval !== null )
      {
        // I want to assign the values on result.retval to myObj
        // but `this` is not equal to myObj.
        // is it correct to just do this?
        myObj.some_val = result.some_val;
      }
    }
  });

通常使用下划線，我會使用它的_.bind()函數來執行此操作。 我正在處理的代碼不使用下划線。 使用vanilla JS或jQuery執行此操作的最佳方法是什么？

Answer 1

JavaScript本身提供.bind ：

myObj.doSomething({
    callbackFn: function( result ) {
      if ( result && result.retval !== null )
      {
        this.some_val = result.some_val;
      }
    }.bind(myObj); // <--
  });

這是假設您無法更改doSomething的實現。 如果您可以更改它，請參閱@ 10100111001的答案 。

但是你也可以使用你目前擁有的代碼。 我沒有看到在這里使用.bind好處。

---

只是為了好玩，一個簡單的.bind版本很容易實現，如果你發現自己處於一個不支持它的環境中：

function bind(f, thisValue) {
    return function() {
      return f.apply(thisValue, arguments);
    };
}

var boundF = bind(f, myObj);

Answer 2

你也可以這樣做，你可以使用正確的值call doSomething的callbackFn 。

 var myObj = {}; myObj.doSomething = function (obj) { obj.callbackFn.call(this, {some_val: "test"}); } myObj.doSomething({ callbackFn: function( result ) { if ( result && result.retval !== null ) { // I want to assign the values on result.retval to myObj // but `this` is not equal to myObj. // is it correct to just do this? this.some_val = result.some_val; } } }); console.log(myObj); 

Answer 3

with塊幾乎是：

  function( result ) {
          if ( result && result.retval !== null )
          {
            with(myObj){
                some_val = result.some_val; // Even,no Need "this" 
            }

          }
        }

甚至，不需要this