變量作用域：this.remove不是函數

Question

this.remove（）不是函數。怎麼來的？

var vehicle = function() { 
    return { 
     init: function() { 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       this.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}(); 

jQuery().ready(vehicle.init); 

對不起，我感到困惑。我試圖調用我自己的「刪除」功能。這只是一個管理我的頁面上的車輛的課程。這是它的開始，它將比只是init/remove有更多的功能。

Answer 1

既然你說你想打電話給你自己remove功能，這裏是如何做到這一點：

var vehicle = (function() { 
    return { 
     init: function() { 
      var that = this; // step one 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       that.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}()); // step zero - wrap the immediate invocation in parens 

jQuery(function() { 
    vehicle.init(); // step two 
); 

Answer 2

this是一個DOM元素。要使用jQuery的.remove()方法，您需要將它包裝在一個jQuery對象中。

$(this).remove(); 

編輯：如果你希望來調用vehicle對象remove()函數，然後調用：

vehicle.remove(); 

---

另外，如果你希望縮短.ready()電話，你可以這樣做：

jQuery(vehicle.init); 

從jQuery 1.4 release notes：

的jQuery().ready()技術仍然工作在1.4，但它已被棄用。請使用jQuery(document).ready()或jQuery(function(){})。

Answer 3

var vehicle = function() { 
    return { 
     init: function() { 
      var self = this; 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       self.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
}(); 

jQuery().ready(function() { 
    vehicle.init(); 
}); 

Answer 4

注意 - 我們都有點困惑，因爲目前還不清楚其中「刪除」你要調用函數。

問題是你傳入了對「init」函數的引用，但是當它被稱爲「this」變量時，將引用窗口對象，而不是「vehicle」的值。爲什麼？因爲在Javascript中，「this」值僅取決於函數的調用方式。兩個函數被定義在同一個對象中的事實與它完全無關。

儘量不要做這樣的：

jQuery(function() { 
    vehicle.init(); 
}); 

當你調用「初始化」功能，通過明確地引用它作爲「車輛」的屬性的方式—對象—然後用JavaScript綁定「本」的「車輛」的價值。

編輯哦，等等我只注意到你也將不得不修改你的「初始化」功能，因爲這裏面的代碼「點擊」處理器將是jQuery的通過以這樣的方式被稱爲把這個「這個」綁定到受影響的元素。因此，如果你想保持「車輛」的參考，你應該這樣做：

init: function() { 
     var originalThis = this; 
     jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
      e.preventDefault(); 
      originalThis.remove(); 
     }); 
    }, 

Answer 5

也許你正在尋找類似的東西？

var vehicle = new function() { 

    var self = this; 

    this.init = function() { 
    jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
     e.preventDefault(); 
     self.remove(); 
    }); 
    }; 

    this.remove = function() { 
    alert('test'); 
    }; 

}; 

...或者像這樣或許？很難說出你要做什麼...

var vehicle = new function() { 

    function remove() { 
    alert('test'); 
    } 

    this.init = function() { 
    jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
     e.preventDefault(); 
     remove.call(this); 
    }); 
    }; 

}; 

Answer 6

當調用一個函數的方法「這個」指的是物體調用它。在jQuery中，傳遞的函數作爲html元素的一個方法被調用，所以「this」成爲元素。

爲了確保您引用了正確的對象，您需要創建對原始對象的引用。

var vehicle = function() { 
     var that = { 
     init: function() { 
      jQuery('.vehicle-year-profile .options .delete').bind('click', function (e) { 
       e.preventDefault(); 
       that.remove(); 
      }); 
     }, 
     remove: function() { 
      alert('test'); 
     } 
    } 
    return that; 
    }(); 

jQuery().ready(vehicle.init);