Javascript меньше, чем при использовании переменной для сравнения

Question

У меня есть два блока «если меньше», которые, похоже, не работают для меня, когда я заменяю правую часть сравнения с Math.PI на мой переменная, this.bottomChainAngleRads.

Контекст: я оживляющий цепь между двумя передачами, и поэтому итерация по зубам двух передач, чтобы скрыть/показать свои ссылки, как они вращаются

Ранее в коде переменная инициализируется математика, а не строка.

this.bottomChainAngleRads = Math.PI + 2 * Math.atan2(...); 

Тогда я хочу сделать что-то с ним каждый раз в то время:

this.step = function() { 
    console.log('this.bottomChainAngleRads = ' + this.bottomChainAngleRads // Just over PI. Usually about 3.4. 
       + ' ' + $.isNumeric(this.bottomChainAngleRads));   // Always true. 

    // Counting the passing through each if block. Expecting a little in each. 
    var frontDisplay = 0, frontHide = 0, rearDisplay = 0, rearHide = 0; 

    $(this.frontGear.div).find('.geartooth').each(function(index, el) { 
    var totalRadians = measureRotation(el); 
    console.log('front totalRadians = ' + totalRadians + ' ' // From 0 to TWO_PI 
       + (totalRadians < this.bottomChainAngleRads)); // Always false. WTF. 
    if (totalRadians < this.bottomChainAngleRads) { // <================ FAILS. NEVER TRUE. 
    // if (totalRadians < Math.PI) { // MOSTLY CORRECT, but expectedly off by minor angle. 
     ++frontDisplay; 
     // .. do stuff 
    } else { 
     ++frontHide; 
     // .. do other stuff 
    } 
    }); 

    $(this.rearGear.div).find('.geartooth').each(function(index, el) { 
    var totalRadians = measureRotation(el); 
    console.log('rear totalRadians = ' + totalRadians + ' '  // From 0 to TWO_PI 
       + (totalRadians < this.bottomChainAngleRads)); // Always false. WTF. 
    if (totalRadians < this.bottomChainAngleRads) { // <================ FAILS. NEVER TRUE. 
    // if (totalRadians < Math.PI) { // MOSTLY CORRECT, but expectedly off by minor angle. 
     ++rearHide; 
     // .. do stuff 
    } else { 
     ++rearDisplay; 
     // .. do other stuff 
    } 
    }); 

    // Below I expected approximately a 50/50 split on each gear. Instead, I get... 
    console.log('front: ' + frontDisplay + ', ' + frontHide  // Nothing, All. 
       + '; rear: ' + rearDisplay + ', ' + rearHide); // All, Nothing 
} 

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

Answer 1

Контекст внутри each обратного вызова не Ваш экземпляр объекта больше, this указывает на отдельные элементы DOM (.geartooth), которые, очевидно, не имеют свойство bottomChainAngleRads.

Простейшим решением является сохранение правильной ссылки на контекст. Попробуйте следующее:

var self = this; 
$(this.rearGear.div).find('.geartooth').each(function(index, el) { 
    var totalRadians = measureRotation(el); 
    if (totalRadians < self.bottomChainAngleRads) { 
    ... 
});