意外调用方法或属性访问.仅限IE8

Question

以下错误仅发生在IE8......中Chrome,Firefox因为我最近为了测试目的而降级,因此无法测试IE9.

意外调用方法或属性访问.

调用堆栈

标有\\ Call的相关代码出现在此处

来自IE Debugger的调试值...:
_frames = object/function
callback = object/function
callbackTarget = object/function
callbackArg = undefined

ko.dependencyDetection = (function () {
    var _frames = [];

    return {
        begin: function (callback) {
            _frames.push({ callback: callback, distinctDependencies:[] });
        },

        end: function () {
            _frames.pop();
        },

        registerDependency: function (subscribable) {
            if (!ko.isSubscribable(subscribable))
                throw new Error("Only subscribable things can act as dependencies");
            if (_frames.length > 0) {
                var topFrame = _frames[_frames.length - 1];
                if (!topFrame || ko.utils.arrayIndexOf(topFrame.distinctDependencies, subscribable) >= 0)
                    return;
                topFrame.distinctDependencies.push(subscribable);
                topFrame.callback(subscribable);
            }
        },

        ignore: function(callback, callbackTarget, callbackArgs) {
            try {
                _frames.push(null);
                return callback.apply(callbackTarget, callbackArgs || []);
            }
            //Call occurs here
            //Error occurs here since there isn't a catch and the try is failing.
            finally {
                _frames.pop();
            }
        }
    };
})();

来自:

"notifySubscribers": function (valueToNotify, event) {
    event = event || defaultEvent;
    if (this._subscriptions[event]) {
        //Call occurs here
        ko.dependencyDetection.ignore(function() {
            ko.utils.arrayForEach(this._subscriptions[event].slice(0), function (subscription) {
                // In case a subscription was disposed during the arrayForEach cycle, check
                // for isDisposed on each subscription before invoking its callback
                if (subscription && (subscription.isDisposed !== true))
                    subscription.callback(valueToNotify);
            });
        }, this);
    }
},

来自:

ko.observable = function (initialValue) {
    var _latestValue = initialValue;

    function observable() {
        if (arguments.length > 0) {
            // Write

            // Ignore writes if the value hasn't changed
            if ((!observable['equalityComparer']) || !observable['equalityComparer'](_latestValue, arguments[0])) {
                observable.valueWillMutate();
                _latestValue = arguments[0];
                if (DEBUG) observable._latestValue = _latestValue;
                observable.valueHasMutated();
            }
            return this; // Permits chained assignments
        }
        else {
            // Read
            ko.dependencyDetection.registerDependency(observable); // The caller only needs to be notified of changes if they did a "read" operation
            return _latestValue;
        }
    }
    if (DEBUG) observable._latestValue = _latestValue;
    ko.subscribable.call(observable);
    observable.peek = function() { return _latestValue };
    //call occurs here
    observable.valueHasMutated = function () { observable["notifySubscribers"](_latestValue); }
    observable.valueWillMutate = function () { observable["notifySubscribers"](_latestValue, "beforeChange"); }
    ko.utils.extend(observable, ko.observable['fn']);

    ko.exportProperty(observable, 'peek', observable.peek);
    ko.exportProperty(observable, "valueHasMutated", observable.valueHasMutated);
    ko.exportProperty(observable, "valueWillMutate", observable.valueWillMutate);

    return observable;
}

来自:

ko.observable = function (initialValue) {
    var _latestValue = initialValue;

    function observable() {
        if (arguments.length > 0) {
            // Write

            // Ignore writes if the value hasn't changed
            if ((!observable['equalityComparer']) || !observable['equalityComparer'](_latestValue, arguments[0])) {
                observable.valueWillMutate();
                _latestValue = arguments[0];
                if (DEBUG) observable._latestValue = _latestValue;
                //Call occurs here
                observable.valueHasMutated();
            }
            return this; // Permits chained assignments
        }
        else {
            // Read
            ko.dependencyDetection.registerDependency(observable); // The caller only needs to be notified of changes if they did a "read" operation
            return _latestValue;
        }
    }
    if (DEBUG) observable._latestValue = _latestValue;
    ko.subscribable.call(observable);
    observable.peek = function() { return _latestValue };
    observable.valueHasMutated = function () { observable["notifySubscribers"](_latestValue); }
    observable.valueWillMutate = function () { observable["notifySubscribers"](_latestValue, "beforeChange"); }
    ko.utils.extend(observable, ko.observable['fn']);

    ko.exportProperty(observable, 'peek', observable.peek);
    ko.exportProperty(observable, "valueHasMutated", observable.valueHasMutated);
    ko.exportProperty(observable, "valueWillMutate", observable.valueWillMutate);

    return observable;
}

来自:

self.fraudQueue(msg.d);

视图模型

function FraudQueueViewModel(runDate, analyst, fraudOid, runNumber, processed, parameter) {
    var self = this;
    self.fraudQueue = ko.observableArray();
    \\...

msg.d

无法分享真实的msg.d,但被确认为有效的JSON和JS object,是一种array.

更新1

误差似乎是一个内部阵列上的msg.d... msg.d含有18内部arrays的objects,其中一些包含另一个内部array.

我创建了这个jsFiddle来演示这个问题但是甚至无法让IE8打开jsFiddle.

Answer 1

在我的具体情况下,问题是"简单" ...在IE9运行IE8 6小时后进行调试后,我加入domNode了监视列表,并看到它未能appendChild...我看着dom元素,它是A:

<td data-bind="text: viewModel.functionName(property)"></td>

我所做的只是将此绑定更改为以下内容:

<td>
    <span data-bind="text: viewModel.functionName(property)"></span>
</td>

显然,IE8 function text在双嵌套foreach循环中绑定元素存在问题.我不确定这是否能帮助其他人,但重要的是在IE8模式下使用IE9调试问题.这允许您使用Add to watch允许您查看对象属性的内容...然后查找它失败的节点,并猜测和祈祷.

神速......