Вызов этого внутри setTimeout

Question

Я ищу способ для правильного вызова this Внутренняя функция теперь у меня есть быстрый хак var that = $(this);, но я уверен, что есть способ использования. Как я могу избежать этого взлома?

Это поле ввода, которое я использую, чтобы получить вар и проверить Typing Интервал

<input type="text" data-package="pink" class="js-p-input"> 

это я мой код:

var cCalc = (function ($) { 
    var s; 
    return { 
     settings: { 
      typingTimer: "", 
      doneTypingInterval: 300, 
      $inputs: $(".js-p-input"), 

     }, 

     init: function() { 
      s = this.settings; 
      this.bindUIActions(); 
     }, 

     bindUIActions: function() { 

      //on keyup, start the countdown 
      s.$inputs.on('keyup', function() { 
       var that = $(this);     
       clearTimeout(s.typingTimer);    
       s.typingTimer = setTimeout(function() { 
        cCalc.doneTyping(that, that.data("package")); 
       }, s.doneTypingInterval); 
      }); 

      s.$inputs.on('keydown', function() { 
       clearTimeout(s.typingTimer); 
      }); 

     }, 


     doneTyping: function ($input, packageName) { 
      console.log('done!'); 
      cCalc.getValues($input.val(), packageName); 
     }, 

    }; 

})(jQuery); 

cCalc.init(); 

Answer 1

Там нет ничего плохого в использовании, что «взломать», он стандартная рабочая процедура. См. Также здесь What is the difference between call and apply? для еще более «хакерского» материала с «этим», который является стандартным.

Answer 2

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

s.$inputs.on('keyup', function() { 

    clearTimeout(s.typingTimer); 

    s.typingTimer = setTimeout(function() { 

    cCalc.doneTyping($(this), $(this).data("package")); 

    }.bind(this), s.doneTypingInterval); 

});