javascript - 扩展 Knockoutjs 对象

Question

除了使用他们在文档中所说的内容之外，是否有扩展 KnockoutObservableAny 的方法？

ko.extenders.logChange = function(target, option) {
    target.subscribe(function(newValue) {
       console.log(option + ": " + newValue);
    });
    return target;
};

调用者:

this.firstName = ko.observable("Bob").extend({logChange: "first name"});

我更愿意直接从对象中调用它(使用 intellisense，因为我使用的是 typescript)，但我无法弄清楚在哪里可以以 JQuery 可以访问的方式访问构造函数。

(function ($) {
    $.fn.foo = function () {
    };
})(jQuery);

然后我可以像 $().foo(); 那样调用它。

有什么想法吗？

Answer 1

您可以使用 fn“模式”向任何 ko.subscribable 添加自定义函数，如文档中所述:Adding custom functions using "fn"

所以你可以添加你的额外功能，例如添加到 ko.observableArray 中:

(function (ko) {
    ko.observableArray.fn.foo = function () {
    //...
    };
})(ko);

或者只是简单地不使用立即执行的函数:

ko.observableArray.fn.foo = function() {
  //..
}