Javascript Objet/Fonction Question

Question

J'ai une instance d'une classe de journalisation "logger", cette classe a une fonction "log (txt)", qui fonctionne.

Maintenant je déclare une classe différente "Runner" et je lui passe l'instance de logger dans le constructeur. Tout fonctionne jusqu'à ce que la ligne 5, mais la ligne 7 ne pas écrire dans le journal:

var Runner = function (logger) { 
    // constructor: 
    logger.log("this way it works"); 
    this.logger = logger; //line 4 
    this.logger.log("this also works"); //line 5 
    this.logf = this.logger.log; //create a shorthand for logging 
    this.logf("this is not written to log. why? i thought i can create a var for a function"); //line 7 
}; 

var logger = new Logger(); //class not shown here 
var runner = new Runner(logger); 
var otherinstancce = new OtherClass(logger) //line 12 

Pouvez-vous expliquer ce qui est mon erreur?

Answer 1

contrairement à d'autres langues «ce » dans javascript est dynamique, c'est-à-dire que "this" est le contexte dans lequel la fonction a été appelée, et non où elle a été définie. Pour créer un couplage entre la fonction et son contexte, vous devez "verrouiller" le contexte dans une fermeture. La plupart des cadres fournissent un sucre pour cette sous forme de méthode bind(), qui, sous forme simplifiée, ressemble à ceci

Function.prototype.bind = function(o) { 
    var p = this; 
    return function() { p.apply(o) } 
} 

avec affectation de fonction contexte verrouillé fonctionne comme prévu

bar = foo.func.bind(foo) 
bar() // yes! 

Answer 2

Je pense que le problème peut être this.logf s'exécute dans la portée de l'objet runner par opposition à l'enregistreur. Si votre fonction logger.log utilise "this", elle utilisera le runner au lieu du logger.

Answer 3

Lorsque vous attribuez la fonction log au membre logf de l'objet actuel, il devient une fonction membre de cet objet actuel. Lorsque vous appelez est, l'objet this à l'intérieur de la fonction fera référence à son nouvel objet, pas à this.logger plus. Par conséquent, la fonction ne trouvera pas de variables autres fonctions qu'elle veut appeler sur l'objet de l'enregistreur.

Pour éviter cela, vous pouvez écrire une fonction simple qui transmet à l'objet enregistreur:

this.log = function() { return this.logger.log(arguments); } 

Ou, en utilisant une fermeture:

var obj = this.logger; 
this.log = function() { return obj.log(arguments); }