ko.dependentObservable 这个方法如何巧妙地理解依赖关系?

发布于 2024-12-20 20:19:11 字数 568 浏览 0 评论 0原文

我正在用knockoutjs 玩他们的示例,我已经编辑了原始代码,如下所示。 fullName 属性分配为 dependentObservable,并且此方法肯定知道 fullName 方法内的依赖项,因此 fullName 方法仅在依赖项发生更改时才有效。

如果我从 fullName 方法中删除 this.LastName() ,那么更改 lastName 属性不会导致调用 fullName 方法。

我想知道这是怎么发生的。

var viewModel = {
    firstName: ko.observable("Bert"),
    lastName: ko.observable("Bertington")
};

viewModel.fullName = ko.dependentObservable(function() {
    alert('worked');
    return this.firstName() + " "+ this.lastName() ;
}, viewModel);


// Activates knockout.js
ko.applyBindings(viewModel);

I am playing with knockoutjs with their samples and i have been edited orginal code bit of which is at below. fullName property assigned as dependentObservable and this method definitely knows which dependencies inside fullName method so fullName method works only if dependencies changed.

If i remove this.LastName() from fullName method so changing lastName property does not cause invoke fullName method.

I wonder how this is happening.

var viewModel = {
    firstName: ko.observable("Bert"),
    lastName: ko.observable("Bertington")
};

viewModel.fullName = ko.dependentObservable(function() {
    alert('worked');
    return this.firstName() + " "+ this.lastName() ;
}, viewModel);


// Activates knockout.js
ko.applyBindings(viewModel);

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

公布 2024-12-27 20:19:11

Knockout 中有一个依赖跟踪机制,在评估 dependentObservables 时使用。关键是访问可观察对象必须通过一个函数(您必须调用 this.firstName())。除了返回firstName之外,Knockout还将dependentObservable添加为firstName的订阅者。当 firstName 更新时(再次必须通过该函数),所有订阅者都会收到通知。

此外,每次评估 dependentObservable 时,都会重新评估这些依赖关系,因此,dependentObservable 的依赖关系实际上可能会随着时间的推移而发生变化。

There is a dependency tracking mechanism in Knockout that is used while evaluating dependentObservables. The key is that accessing an observable has to go through a function ( you have to call this.firstName()). Along with returning the firstName, Knockout adds the dependentObservable as a subscriber to firstName. When firstName is updated (which again has to go through the function), then all subscribers are notified.

Also, these dependencies are re-evaluated each time that a dependentObservable is evaluated, so the dependencies can actually change over time for a dependentObservable.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文