4

我有两个功能generate和test. 当用户单击一个按钮时，该按钮generate被调用，然后调用test函数。我收到以下错误：

传递一个返回 ko.computed 值的函数。

在测试函数的这一行中抛出错误。： 

var unmapped = ko.mapping.toJS(this);

this是我的具有 ko.observable 属性的视图模型。

这是两个函数。如果我将test函数的内容移动到generate一切正常，但我需要将逻辑放在两个不同的函数中。我能做些什么？

我很困在这里。任何帮助将不胜感激。

generate = function () {
            if (!omega.validatableFranchiseGeneration.validate()) {
                return false;
            }
            omega.franchiseInfo.IsForGeneration(true);

            test();
        }

 var test = function () {
        getIpsAndPorts();

        for (var i = 0; i < omega.franchiseInfo.LanguagesInfoViewModel().length; i++) {
            if ($.isArray(omega.franchiseInfo.LanguagesInfoViewModel()[i].SubMenuItemsViewModel)) {
                omega.franchiseInfo.LanguagesInfoViewModel()[i].SubMenuItemsViewModel = omega.franchiseInfo.LanguagesInfoViewModel()[i].SubMenuItemsViewModel[0];
            }
        }

        var unmapped = ko.mapping.toJS(this);

        var jsonData = ko.toJSON(unmapped);
        $.ajax({
            url: "/franchise/Save",
            type: "POST",
            // data: ko.toJSON({ folderName: FolderName }),
            data: { franchiseInfoViewModel: jsonData },
            //traditional: true,
            //contentType: "application/json; charset=utf-8",
            dataType: 'json',
            success: function (data, textStatus, xhr) {
                window.location.href = data.redirectToUrl;
            },
            error: function (request, status, error) {
                jsonValue = jQuery.parseJSON(request.responseText);
                omega.franchiseInfo.errorMessages([]);
                for (var i = 0; i < jsonValue.errorMessages.length; i++) {
                    omega.franchiseInfo.errorMessages.push({ errorMessage: ko.observable(jsonValue.errorMessages[i].ErrorMessage) });
                }
                for (var i = 0; i < omega.franchiseInfo.LanguagesInfoViewModel().length; i++) {
                    InitializeViewLanguagesInfo(omega.franchiseInfo.LanguagesInfoViewModel()[i]);
                }
            }
        });
    }
4

1 回答 1

1

如果没有看到你所有的代码，这很难确定，但如果代码（原样）直接包含在生成中时有效，那么我敢打赌，这this不是你认为它在test函数中的样子。 函数this内部的含义与内部的含义不同。testgenerate

启动 Chrome 或 Firebug 并在该var unmapped = ko.mapping.toJS(this);行设置断点。运行您的程序，当断点命中时转到控制台并查看this. 是你的 ViewModel 吗？

如果this是你所期望的，generate你总是可以这样调用test：

test.apply(this);

这将显式设置this方法调用的上下文。

另一种选择是self在 ViewModel 中设置一个变量。这通常在顶部完成，看起来像：var self = this;. 通过创建此变量，您可以参考self' inside any functions within the outer "function" scope, and not have to worry about the value ofthis` 波动。

--

这是一个简单的小提琴来模拟我认为正在发生的事情：http: //jsfiddle.net/jearles/aLFWe/

打开 Chrome 或 Firebug 控制台并查看记录的对象。请注意，这Window是我刚刚调用时记录的对象updatea()，但Object在原始点击函数中以及当我调用updateb.apply(this)or updatec()（引用self）时。

于 2012-09-18T11:42:34.227 回答