Обнаружение, когда для любой переменной в большой программе JS установлено значение NaN

Если вы хорошо справляетесь с тем, чтобы что-то не попадало в глобальное пространство имен и вкладывало что-то в объекты, это может вам помочь. И я предварю это, сказав, что это ни в коем случае не полное решение, но, по крайней мере, оно должно помочь вам в ваших поисках.

function deepNaNWatch(objectToWatch) {
  'use strict';

  // Setting this to true will check object literals for NaN
  // For example: obj.example = { myVar : NaN };
  // This will, however, cost even more performance
  var configCheckObjectLiterals = true;

  var observeAllChildren = function observeAllChildren(parentObject) {

    for (var key in parentObject) {
      if (parentObject.hasOwnProperty(key)) {
        var childObject = parentObject[key];

        examineObject(childObject);
      }
    }
  };

  var examineObject = function examineObject(obj) {
    var objectType = typeof obj;

    if (objectType === 'object' || objectType === 'function') {
      Object.observe(obj, recursiveWatcher);
      if (configCheckObjectLiterals) {
        observeAllChildren(obj);
      }
    } if (objectType === 'number' && isNaN(obj)) {
      console.log('A wild NaN appears!');
    }
  };

  var recursiveWatcher = function recursiveWatcher(changes) {
    var changeInfo = changes[0];
    var changedObject = changeInfo.object[changeInfo.name];

    examineObject(changedObject);
  };

  Object.observe(objectToWatch, recursiveWatcher);
}

Вызовите deepNaNWatch(parentObject) для каждого объекта/функции верхнего уровня, которые вы используете для вложения вещей, как только они будут созданы. Каждый раз, когда объект или функция создаются внутри наблюдаемого объекта/функции, они сами также становятся наблюдаемыми. Каждый раз, когда number создается или изменяется в отслеживаемом объекте — помните, что typeof NaN == 'number' — он проверяет, является ли он NaN, и если да, то запускает код в console.log('A wild NaN appears!');. Обязательно измените это на любой вид отладочного вывода, который, по вашему мнению, поможет.

Эта функция была бы более полезной, если бы кто-то мог найти способ принудительно применить ее к глобальному объекту, но каждая попытка, которую я предпринял, просто говорила мне, что я должен сидеть в перерыве и думать о том, что я сделал.

О, и если это не очевидно из вышесказанного, в крупномасштабном проекте эта функция обязательно сделает надоедливые функции, такие как «скорость» и «эффективность», делом прошлого.

Вероятно, нет решения для вашей проблемы, также известной как: перерыв, когда для любой переменной установлено значение NaN. Вместо этого вы можете попытаться наблюдать за своими переменными следующим образом:

• Ранее было сказано, что отладчик Chrome предлагает условные точки останова. Но он также поддерживает просмотр выражений. В меню Watch-Expressions вы можете установить условие, которое прерывается всякий раз, когда переменной присваивается определенное значение.

• Object.observe — это метод, отслеживающий изменения объекта. Вы можете прослушивать все изменения объекта и вызывать debug, когда для любой переменной установлено значение NaN. Например, вы можете наблюдать за всеми изменениями объекта окна. Всякий раз, когда любая переменная в объекте окна устанавливается в NaN, вы вызываете debug. Обратите внимание, что Object.observe является передовым и поддерживается не всеми браузерами (ознакомьтесь с polyfill). в таком случае).

• Воспользуйтесь этой возможностью, чтобы написать тестовый пример для каждой функции в вашем коде. Выполните случайное тестирование и найдите строку кода, которая может создавать значения NaN.

Другая ваша проблема, вероятно, заключается в том, как воспроизвести эту ошибку. Перезагружать веб-страницу снова и снова не имеет особого смысла. Вы можете проверить так называемый безголовый браузер: он запускает экземпляр браузера, не отображая его. Его можно использовать для выполнения автоматических тестов на веб-сайте, нажатия некоторых кнопок, выполнения некоторых действий. Может быть, вы можете написать его таким образом, чтобы он, наконец, воспроизвел вашу ошибку. Это имеет то преимущество, что вам не нужно перезагружать веб-страницу сотни раз. Существует несколько реализаций безголовых браузеров. На мой взгляд, PhantomJS действительно хорош. Вы также можете запустить консоль отладки Chrome (вам понадобится плагин: удаленный отладчик ).

Кроме того, обратите внимание, что NaN никогда не равен NaN. Было бы жаль, если бы вы, наконец, смогли воспроизвести ошибку, но ваши точки останова не работают.

Ваш код взаимодействует с серверной частью или только с клиентской? Вы упоминаете, что это редкая проблема, поэтому она может возникнуть только в некоторых браузерах (или версиях браузеров) или в любой ситуации, которую трудно воспроизвести. Если мы предположим, что любое появление nan является проблемой, и что когда это происходит, пользователь замечает ошибку («во всем мире есть NaN»), тогда вместо отображения всплывающего окна с ошибкой ошибка должна содержать первое появление nan (тогда пользователи могут сообщить это «Несмотря на то, что сотни людей наблюдают за этим и сообщают мне об этом»). Или не показывать, а отправить на сервер. Для этого напишите простую функцию, которая принимает в качестве аргумента только одну переменную и проверяет, является ли переменная NaN. Поместите его в свой код в чувствительные места (чувствительные переменные). И это может указывать на проблематичный код. Я знаю, что это очень грязно, но это может помочь.

Одна из ваших математических функций не работает. Раньше я использовал число (переменная), чтобы исправить эту проблему. Вот пример:

test3 = Number(test2+test1), даже если test1 и test2 кажутся числами

Да, люди, условия гонки могут быть болью, похоже на то, что это может быть.

Отладка исходного кода определенно будет способом справиться с этим.

Мое предложение состояло бы в том, чтобы настроить функциональное тестирование с упором на то, где они были воспроизведены, установить некоторые условия тестирования с различными тайм-аутами или что-то в этом роде и просто перезапустить его, пока он его не поймает. Настройте некоторый процесс ведения журнала, чтобы увидеть эту обратную трассировку, если это возможно.

Как выглядит ваш стек? Я не могу дать слишком много анализа, не глядя на ваш код, но, поскольку это javascript, вы должны иметь возможность использовать инструменты разработки браузера, как я полагаю?

Если вы знаете места, куда распространяются NaN, вы можете попробовать использовать нарезку программы, чтобы сузить другие операторы программы, влияющие на это значение (через зависимости управления и данных). Однако эти инструменты обычно нетривиальны в настройке, поэтому я бы сначала попробовал ответы в стиле Object.observe, которые дают другие.

Вы можете попробовать WALA от IBM. Он написан на Java, но имеет интерфейс JavaScript. Информацию о слайсере можно найти на вики.

По сути, если инструмент работает, вы дадите ему программную точку (оператор), и он даст вам набор операторов, от которых начальная точка (транзитивно) зависит от управления и/или данных. Если вы знаете несколько «зараженных» точек и подозреваете один источник, вы можете использовать пересечение их срезов, чтобы сузить список (срез программной точки часто может быть очень большим набором операторов).

(был слишком длинным для комментария)

Во время тестирования вы можете перезаписать ВСЕ функции Math, чтобы проверить, создается ли NaN.

Это не поймает

a = 'string' + 1;

но будет ловить такие вещи, как

a = Math.cos('string');
a = Math.cos(Infinity);
a = Math.sqrt(-1);
a = Math.max(NaN, 1);
...

Пример:

for(var n Object.getOwnPropertyNames(Math)){
    if (typeof Math[n] === 'function') Math[n] = wrap(Math[n]);
}
function wrap(fn){
    return function(){
        var res = fn.apply(this, arguments);
        if (isNaN(res)) throw new Error('NaN found!')/*or debugger*/;
        return res;
    };
}

Я не проверял, возможно, явный список «обернутых» методов лучше.

Кстати, вы не должны использовать это в рабочем коде.