0

我开始用 knockout.js 重新实现一些 js 代码。我有一个单例，其中包含一些功能：

Dps = {
    someFunction: function() {
        this.anotherFunction();
    },
    anotherFunction: function() {
        console.log('tehee');
    }
}

现在还有一些绑定调用这个单例的函数：

<input type="text" data-bind="event: { change: Dps.someFunction }" />

烦人的是，被调用函数中的上下文是事件，所以我不能调用this.anotherFunction()

有没有一个很好的方法来摆脱这个？

PS：我知道我可以做类似 Dps.someFunction() 的事情，但这在我看来并不好。

4

2 回答 2

1

data-bind="event: { change: Dps.someFunction.bind(Dps) }"

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind

于 2012-06-02T10:43:17.967 回答
1

您的函数表现为“静态”

所以要么你必须做 Dps.anotherFunction 但你不想要那个，但我不明白为什么。

您也可以调用ko.applyBindings(Dps)，然后您的代码就可以正常工作了。但是我想这也不是你要找的。可能你有另一个视图模型，不是吗？

另一种解决方案是使 Dps 成为您实例化的函数

在 jsfiddle 上：http: //jsfiddle.net/PrbqZ/

<input type="text" data-bind="event: { change: myDps.someFunction }" />

var Dps = function() {
    var self = this;
    this.someFunction = function() {
        self.anotherFunction();
    };

    this.anotherFunction = function() {
        console.log('tehee');
    };
}

var myDps = new Dps();

//normally use dom ready, just simulating here
setTimeout(function(){
    ko.applyBindings();
}, 500)
于 2012-06-02T11:39:31.160 回答