CoffeeScript + KnockoutJS 函数绑定

Question

我正在使用 CoffeeScript 和 KnockoutJS，但在从函数内获取视图模型的值时遇到问题。

我有一个视图模型：

window.Application || = {}
class Application.ViewModel 
    thisRef = this
    searchTerm: ko.observable("")
    search: ->
        alert @searchTerm

编译为：

window.Application || (window.Application = {});
Application.ViewModel = (function() {
  var thisRef;
  function ViewModel() {}
  thisRef = ViewModel;
  ViewModel.prototype.searchTerm = ko.observable("");
  ViewModel.prototype.search = function() {
    return alert(this.searchTerm);
  };
  return ViewModel;
})();

该视图模型是父视图模型的一部分，它将其公开为字段。问题是我无法获得对子视图模型的引用。在搜索函数中，“this”是父级的实例，这是我不想要的。

Answer 1

在搜索函数中，“this”是父级的实例...

这取决于您如何调用它。如果你

m = new Application.ViewModel
m.search()

这样做，那么this将是m；如果你

obj = {search: m.search}
obj.search()

这样写，那么 this 将是 obj。

无论如何，只需使用 CoffeeScript 的 => 运算符即可：

search: =>
    alert @searchTerm

这样，search 中的 this/@ 将指向ViewModel 实例。

正如 Travis 所说，thisRef 将仅指向类，而不是实例。

Answer 2

您已经有一个 thisRef 对象，请使用 thisRef.searchTerm 而不是 @searchTerm。我在使用 jQuery 时经常遇到这种情况...

doSomething = ->
  target = $(@)
  $("#blah").click ->
    target.doSomethingElse()

因为 @doSomethingElse() 将绑定到执行单击的 DOM 元素。不是我想要的。