Ràng buộc một hàm xử lý hứa hẹn cho một đối tượng

Question

Tôi có một số mã như:

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

Làm thế nào để ràng buộc failure chức năng để đối tượng this trong bối cảnh bar. Tôi biết tôi sẽ phải sử dụng myFunc.bind(this) nhưng tôi phải thay thế gì thay vì myFunc?

Answer 1

Bạn có thể sử dụng bind như thế này:

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

Answer 2

Bạn hiện đang có một chức năng ẩn danh (mặc dù dán nhãn) cho gọi lại thất bại của bạn:

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

Như robertklep nói, bạn ngay lập tức có thể gọi .bind về chức năng ẩn danh đó. Tuy nhiên, nó có thể là dễ đọc hơn để sử dụng một hàm có tên thay vào đó, và vượt qua nó vào .then() như là một biến:

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

Answer 3

Những gì tôi thấy rất hữu ích là để ràng buộc mỗi then() 's [chức năng] handler cho một sản phẩm nào đối tượng, do đó, mỗi chức năng có thể có quyền truy cập vào nó. Sau đó, người dùng có thể đặt và nhận các thuộc tính trong mỗi Lời hứa bằng cách từ khóa this. Các khung kiểm thử đơn vị hoạt động tương tự.

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