Prototypes, portée et promesses

Question

Comment lier la portée de Google à la fonction fetch_page? Je dois être capable d'enchaîner les fonctions dans des chaînes de promesses puis de chaînes.

Google.prototype.search = function(keyword){ 
    this.keyword = keyword || this.keyword; 

    fetch_page().then(parse_page).then(function(){ 
     console.log('done'); 
    }); 
}); 

function fetch_page(){ 
    // I wants to access google's this.keyword 
} 

function parse_page(){ 
    // I also wants to access google's this.keyword 
} 

Des idées?

Answer 1

Function#call peut être utilisé pour appeler fetch_page, en spécifiant la valeur à utiliser comme this: fetch_page.call(this).

Alors ES5 de Function#bind ou jQuery de $.proxy (je pense que vous utilisez jQuery, des promesses que vous utilisez, mais il est une estimation   — Mise à jour: Et je me suis trompé, mais je vais laisser l'info dans les personnes utilisant jQuery trouvent la réponse) pour créer une version liée de parse_page (c'est-à-dire, une fonction qui, lorsqu'elle est appelée, appellera parse_page avec une adresse spécifique this).

Function#bind:

Google.prototype.search = function(keyword){ 
    this.keyword = keyword || this.keyword; 

    fetch_page.call(this).then(parse_page.bind(this)).then(function(){ 
     console.log('done'); 
    }); 
}); 

Notez que Function#bind est de ES5, de sorte que vous aurez envie de vérifier que tous les navigateurs que vous voulez avoir. Si ce n'est pas le cas, c'est l'une des fonctionnalités ES5 qui peut être "calée" sur les anciens navigateurs; recherchez "ES5 shim" pour trouver plusieurs options.

jQuery de $.proxy:

Google.prototype.search = function(keyword){ 
    this.keyword = keyword || this.keyword; 

    fetch_page.call(this).then($.proxy(parse_page, this)).then(function(){ 
     console.log('done'); 
    }); 
}); 

Answer 2

Vous aimez cette

var google = new Google(); // return the class instance 

google.keyword // get the public class variable called keyword 

Answer 3

Pour simplifier, je pencherais pour:

fetch_page(keyword).then(function() { 
    parse_page(keyword); 
}).then(function(){ 
    console.log('done'); 
}); 

puis ajoutez keyword à la liste des paramètres des deux fonctions externes.

Alternativement, il suffit de mettre en ligne les deux fonctions au sein de Google.prototype.search afin qu'ils partagent la même portée.

Une troisième approche consiste à .bind les fonctions de définir explicitement le contexte d'être votre objet this:

var fetch = fetch_page.bind(this); 
var parse = parse_page.bind(this); 

fetch().then(parse).then(...);