एक वस्तु

Question

से एक वायदा हैंडलर समारोह बाइंडिंग मैं जैसे कुछ कोड है। मुझे पता है कि मुझे myFunc.bind(this) का उपयोग करना होगा, लेकिन myFunc के स्थान पर मैं क्या बदलूं?

Answer 1

आप bind इस तरह उपयोग कर सकते हैं:

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

Answer 2

आप वर्तमान में अपने विफलता कॉलबैक द्वारा एक अज्ञात (हालांकि लेबल) समारोह है:

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

robertklep कहते हैं, तो आप तुरंत .bind कॉल कर सकते हैं उस अज्ञात समारोह पर।

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

Answer 3

क्या मैं बहुत उपयोगी पाया एक खाली करने के लिए प्रत्येक then() के [समारोह] हैंडलर बाध्य करने के लिए है: हालांकि, यह बजाय एक नामित समारोह का उपयोग करने के लिए, और .then() में एक चर के रूप में इसे पारित अधिक पठनीय हो सकता है ऑब्जेक्ट, इसलिए प्रत्येक फ़ंक्शन तक पहुंच हो सकती है। फिर उपयोगकर्ता this कीवर्ड द्वारा प्रत्येक वचन में गुण सेट और प्राप्त कर सकता है। इकाई परीक्षण ढांचे समान रूप से काम करता है।

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); 
 
    }