在打字稿中声明一个淘汰赛计算的 observable

Question

我是打字稿的新手，想将它与淘汰赛的优点结合起来。我有一个计算的 observable，目前可以工作，但想知道这是正确的方法还是有更好的方法。

我正在使用knockout definition file from nu-get。其中有 4 个 KnockoutComputed(x) 定义。

1. 淘汰赛计算
2. KnockoutComputedDefine
3. KnockoutComputedFunctions
4. KnockoutComputedStatic

我喜欢声明 observable 的 {} 方法，并希望保留它。长话短说，这是声明 observables 的正确方法还是有另一种方法（可能在函数中使用 intlisense）

我是这样使用第一个的：

class PersonViewModel {
    public firstname: KnockoutObservable<string>;
    public lastname: KnockoutObservable<string>;
    public fullname: KnockoutComputed<string>;
    constructor() {
        this.firstname = ko.observable('');
        this.lastname = ko.observable('');
        this.fullname = ko.computed({
            owner: this,
            read: function () {
                return this.firstname() + " " + this.lastname();
            }
        });
    }
}

用html sn-p:

<h2>Type Script and Knockout.</h2>
<input data-bind="value: firstname" />
<input data-bind="value: lastname" />
<div data-bind="text: fullname"></div>

Answer 1

建议使用箭头函数进行计算。它也会为您提供所需的智能：

this.fullname = ko.computed({
        owner: this,
        read:  () => {
            return this.firstname() + " " + this.lastname();
        }
    });

基本上，它使用闭包捕获this，因此谁回调该函数并不重要。 this 将继续表示 PersonViewModel 而不是 any 。更多：http://basarat.github.io/TypeScriptDeepDive/#/this

在TypeScript Playground 中尝试智能感知。当你按下this.时你应该得到智能感知