Javascript fonction anonyme question

Question

J'ai cette classe js qui a une fonction anonyme pour récupérer des résultats de requête. Étant donné que la fonction qui gère les résultats est anonyme, je ne peux pas enregistrer les résultats dans une variable this.var et les utiliser ailleurs car cela dans la référence anonyme à l'objet window. Je ne peux pas le retourner en tant que fonction de retour non plus alors comment puis-je faire avec ces résultats pour les avoir disponibles ailleurs?

someObject = { 
    // this.db is created, no need to paste that code 
    dbGetAnimals: function() { 
     this.db.readTransaction(function(tx) { 
      tx.executeSql("SELECT * FROM animals", function(tx, results){ 
       return results; 
      }) 
     }); 
    }, 
    printAllAnimals: function() { 
     var animals = this.dbGetAnimals(); 
     alert (animals);// undefined 
    } 
} 

someObject.printAllAnimals(); 

Answer 1

Vous pouvez créer une variable locale pour tenir votre référence this. Votre fonction anonyme deviendra une fermeture, donc elle sera capable de voir cette variable locale.

dbGetAnimals: function() { 
    var myself = this; 
    this.db.readTransaction(function(tx) { 
     tx.executeSql("SELECT * FROM animals", function(tx, results){ 
      myself.var = results; 
     }) 
    }); 
}, 

Answer 2

Cela se produit parce que la fonction anonyme executeSql est une fonction de rappel qui n'est pas exécutée jusqu'à ce que les compmetes de la requête, qui, par définition, être après dbGetAnimals retours. C'est pourquoi votre appel à dbGetAnimals renvoie undefined.

Vous devrez passer une fonction de rappel pour recevoir les Resutls de requête à partir du rappel executSql:

someObject = { 
    // this.db is created, no need to paste that code 
    dbGetAnimals: function (callback) { 
     this.db.readTransaction(function(tx) { 
      tx.executeSql("SELECT * FROM animals", function(tx, results){ 
       callback(results); 
      }); 
     }); 
    }, 
    printAllAnimals: function() { 
     this.dbGetAnimals(function(animals) { 
      alert(animals) 
     }); 
    } 
} 


someObject.printAllAnimals(); 

Answer 3

Vous essayez de faire synchrone/programmation non-bloquant traditionnel où vous voulez faire asynchrone la programmation.

var someObject = function()({ 
    this.dbGetAnimals = function (callback) { 
     db.readTransaction(function(tx) { 
      tx.executeSql("SELECT * FROM animals", function(tx, results){ 
       callback(results); 
      }) 
     }); 
    }, 

    this.printAllAnimals = function (callback) { 
     this.dbGetAnimals(callback); 
    } 
})(); 

someObject.printAllAnimals(function(animals) { 
    alert(animals); 
} 

Il y a des façons beaucoup plus propres à le faire, mais pour la programmation async vous devez apprendre à tout faire sur place callbacks des retours directs.