Binding una funzione di gestione promessa di un oggetto

Question

ho qualche codice come:

var bar = foo().then(function success(value) { 
    // compute something from a value... 
}, function failure(reason) { 
    // handle an error... 
}); 

Come faccio lego la funzione failure all'oggetto this nel contesto di bar. So che dovrò usare myFunc.bind(this) ma cosa devo sostituire al posto di myFunc?

Answer 1

È possibile utilizzare bind come questo:

var bar = foo().then(function success(value) { 
    // compute something from a value... 
}, function failure(reason) { 
    // handle an error... 
}.bind(this)); 

Answer 2

Al momento è una funzione anonima (anche se l'etichetta) per la richiamata fallimento:

function failure(reason) { 
    // handle an error... 
} 

Come robertklep dice, si può immediatamente chiamare .bind su quella funzione anonima. Tuttavia, potrebbe essere più leggibile di utilizzare una funzione denominata invece, e passarlo in .then() come una variabile:

function success(value) { 
    // compute something from a value... 
} 
function failure(reason) { 
    // handle an error... 
} 
var bar = foo().then(success, failure.bind(this)); 

Answer 3

Quello che ho trovato molto utile è quello di legare ogni gestore then() 's [funzione] per il vuoto oggetto, quindi ogni funzione potrebbe avere accesso ad essa. Quindi l'utente può impostare e ottenere le proprietà in ciascuna promessa tramite la parola chiave this. I quadri di test unitario funzionano in modo simile.

chainPromiseList([getName,getAge],finalDone,rejectHandle); 
 

 
    function chainPromiseList(promiseList,finalDone,errHandle){ 
 
     var userContext = new UserContext(); 
 
     if(typeof finalDone==='function') promiseList.push(finalDone); 
 
     if(typeof errHandle==='function') promiseList.push(errHandle); 
 
     return promiseList.reduce((total,curVal,curInd,arr)=>{ 
 
     var last = curInd+1===arr.length; 
 
     var method = last&&typeof errHandle==='function' ? 'catch':'then'; 
 
     var concatenated = total[method](curVal.bind(userContext)); 
 
     return concatenated; 
 
     },Promise.resolve()); 
 
     function UserContext(){}; 
 
    } 
 
    
 
    function getName(){ 
 
     return new Promise((resolve,reject)=>{ 
 
     setTimeout(()=>{ 
 
      console.log('got name!'); 
 
      this.name = 'Paul'; 
 
      resolve(); 
 
     },500); 
 
     }); 
 
    } 
 

 
    function getAge(){ 
 
     return new Promise((resolve,reject)=>{ 
 
     setTimeout(()=>{ 
 
      console.log('got age!'); 
 
      this.age = 26; 
 
      resolve(); 
 
     },500); 
 
     }); 
 
    } 
 

 
    function finalDone(){ 
 
     console.log(`Hello, I'm ${this.name} and I'm ${this.age}yo.`); 
 
    } 
 

 
    function rejectHandle(msg){ 
 
     console.log('Error: ',msg); 
 
    }