khối finally trong góc 2 lời hứa

Question

tôi quan sát rằng Trong góc 2 không có khối finally cho lời hứa API

góc 1:

loadUsers() { 
    fetch('/api/users').then((response) => { 
    return response.json(); 
    }).then((data) => { 
    this.users = data; 
    }).catch((ex) => { 
    console.error('Error fetching users', ex); 
    }).finally(() => { 
    this.userLoaded = true; 
}; 

Giả sử tôi phải làm điều tương tự ở góc 2

Làm thế nào để thêm cuối cùng chặn trong lời hứa góc 2, như bây giờ chỉ có then & catch blocks có sẵn trong góc 2. Nếu cuối cùng thì không có cách nào để thêm mã dọn dẹp sau khi thực hiện từng phương pháp, nơi tôi viết de để làm cuối cùng chặn các hoạt động?

Answer 1

Điều này thường được thực hiện bằng cách sử dụng Promise.always. Điều này có một chức năng và thêm .then mới vào lời hứa cung cấp chức năng tương tự cho cả trạng thái thành công và không thành công. Nếu chức năng không có sẵn trong môi trường hứa hẹn dựa trên đưa ra, nó khá dễ dàng để polyfill trong

Promise.always = function(p, fn) { 
    return p.then(fn, fn); 
} 

sử dụng:.

var prom = fetch('/api/users').then... 
Promise.always(prom,() => { 
    this.userLoaded = true; 
}); 
return prom; 

Answer 2

Cách đơn giản nhất để làm điều này là sử dụng promise.finally shim.

• Thêm nó với npm install --save promise.prototype.finally
• Thêm typings: npm install --save-dev @types/promise.prototype.finally
• Trong lớp chính của bạn, trước khi bootstrapping ứng dụng, thêm đoạn mã sau:

import { shim } from 'promise.prototype.finally'; 
shim(); 

Bây giờ bạn sẽ có thể để sử dụng finally về lời hứa của bạn.