Dlaczego przekazywanie bezpośrednio Promise.all do funkcji .then powoduje błąd?

Question

Chcę przekazać bezpośrednio Promise.all do .then funkcji jak:

const test = [ 
    Promise.resolve(), 
    Promise.resolve(), 
    Promise.resolve(), 
    Promise.resolve() 
]; 

Promise.resolve(test) // It's supposed to be an AJAX call 
.then(Promise.all) // Get an array of promises 
.then(console.log('End'); 

Ale ten kod generuje błąd Uncaught (in promise) TypeError: Promise.all called on non-object.

Kiedy usunąć składni skróconej, to działa:

Promise.resolve(test) 
.then(queries => Promise.all(queries)) 
.then(console.log('End')); 

Więc dlaczego Promise.all przekazywane bezpośrednio do .then zgłasza błąd? (I dlaczego console.log działa dobrze?)

Answer 1

Trzeba związać Promise.all.bind(Promise)

Od ES2015 spec:

all funkcja wymaga od tej wartości, aby być funkcją konstruktora, który obsługuje konwencje parametrów konstruktor Promise.

Albo lepiej użyj go bezpośrednio na tablicy.

const test = [ 
 
    Promise.resolve(1), 
 
    Promise.resolve(2), 
 
    Promise.resolve(3), 
 
    Promise.resolve(4) 
 
] 
 

 
Promise.resolve(test) 
 
    .then(Promise.all.bind(Promise)) 
 
    .then(x => console.log(x)) 
 
    
 
Promise.all(test) 
 
    .then(x => console.log(x))