javascript - 使用 Chrome 控制台通过 RequireJS 访问 Knockout ViewModel

Question

既然我使用了 RequireJS，如何在 Chrome 控制台中访问 KnockOut ViewModel 变量？

在使用 RequireJS 之前，我遵循命名空间模式，将所有内容隐藏在单个全局中。我可以通过在 Chrome 控制台中输入以下内容来访问全局:window.namespaceVar。

但是现在我使用 RequireJS，我所有的变量都隐藏在 require 函数后面。

require(['knockout-2.2.0', 'jquery'], function (ko, jQuery) {

    var ViewModel = function () {
            var testVar = ko.observable(true);
        };

    ko.applyBindings(new ViewModel());
}

那么我如何访问示例中 testVar 的当前值？

Answer 1

Knockout 包含函数 ko.dataFor 和 ko.contextFor，它们使您能够访问给定元素的 KO View 模型信息。

因此，在控制台中，您可以执行以下操作:

var vm = ko.dataFor(document.body);

就您而言，testVar 未公开，因此您仍然无法访问它。我认为你的只是一个样本，你的意思是这样的:

var ViewModel = function () {
     this.testVar = ko.observable(true);
};

现在，使用上述方法，您可以通过执行vm.testVar()来访问vm.testVar及其值

以下是我们关于这些函数的文档:http://knockoutjs.com/documentation/unobtrusive-event-handling.html

这是有关如何使用 chrome 调试 KnockoutJS 的分步指南: http://devillers.nl/quick-debugging-knockoutjs-in-chrome/

使用 Chrome 的 $0_$4 功能:https://developers.google.com/chrome-developer-tools/docs/commandline-api#0-4