knockoutjs - 在 observable 数组中计算 observables

Question

我有一个 ViewModel，它是一个可观察的对象数组，其中包含我将使用 foreach 输出的联系人信息。我需要有一个依赖于每个联系人的firstName 和lastName 的计算观察值：

var contacts = ko.observableArray([
    {
        firstName: ko.observable("Jim"),
        lastName:  ko.observable("Carrey"),
        fullName:  ko.computed(function(){
            return this.firstName() + " " + this.lastName();
        }, this),
        image:     ko.observable("images/jim.jpg"),
        phones:    ko.observableArray([
            {type: ko.observable("Mobile"), number: ko.observable("(555) 121-2121")},
            {type: ko.observable("Home"), number: ko.observable("(555) 123-4567")}
        ])
    },
    ...//other objects of the same structure
]);
ko.applyBindings(contacts);

但我收到此错误Uncaught TypeError: Object #<HTMLDocument> has no method 'firstName'。有人可以解释为什么我对 this.firstName() 的引用失败了吗？谢谢。

Answer 1

问题是您的联系人定义中的this 并没有指代联系人本身；它指的是全局对象。使用函数（“经典”构造函数或简单地创建对象字面量并返回它的函数）来创建联系人，以便它可以正确设置其上下文。