Aufruf der Funktion für dasselbe Objekt aus dem Ereignis

Question

Ich spiele mit RequireJS herum und erstelle eine einfache Validierungsbibliothek. Ich gebe ein Objekt zurück, das voll von Funktionen ist, möchte aber, dass eine dieser Funktionen von einem Event-Handler aufgerufen wird, der von einer anderen Funktion platziert wird.

define(['jquery'], function($) { 
    return { 
     ... 
     checkPageValidation: function(){ 
      //Check page validation, enable/disable submit button 
      ... 
     }, 
     addValidationToControl: function(controlId, validatingFunction, comparisonControlId){ 
      //Add the validation function to the focus out event 
      var $control = $("#" + controlId); 
      ... 
      $control.focusout(function (evnt){ 
       let $this = $(this); //this is the control that fired the event 
       if(validatingFunction($this.val()){ 
        ... 
       } else { 
        ... 
       } 
       checkPageValidation(); //How to call this function? 
      } 
     } 
    } 
}); 

Wie rufe ich die checkPageValidation() Funktion an?

Answer 1

Sie können während der Initialisierung kein Objekt referenzieren, stattdessen einen Konstruktor erstellen und mit diesem Schlüsselwort aufrufen.

Sie können die Funktion aufrufen, indem dieses Stichwort

this.checkPageValidation(); 

ODER

Erstellen Sie eine Variable vor

define(['jquery'], function($) { 
     var validation = function(){ 
      //Check page validation, enable/disable submit button 
      ... 
     }; 
    return { 
     ... 
     checkPageValidation: validation, 
     addValidationToControl: function(controlId, validatingFunction, comparisonControlId){ 
      //Add the validation function to the focus out event 
      var $control = $("#" + controlId); 
      ... 
      $control.focusout(function (evnt){ 
       let $this = $(this); //this is the control that fired the event 
       if(validatingFunction($this.val()){ 
        ... 
       } else { 
        ... 
       } 
       validation(); //call using this keyword 
      } 
     } 
    } 
});