javascript - variable - Promesas, pasar parámetros adicionales para luego encadenar

pasar variables javascript

Question

Una promesa, solo por ejemplo:

var P = new Promise(function (resolve, reject) {
var a = 5;
if (a) {
setTimeout(function(){
resolve(a);
}, 3000);
} else {
reject(a);
}
});

Después de llamar, entonces el método de la promesa:

P.then(doWork(''text''));

La función doWork se ve así:

function doWork(data) {
return function(text) {
// sample function to console log
consoleToLog(data);
consoleToLog(b);
}
}

¿Cómo puedo evitar devolver una función interna en doWork para obtener acceso a los datos de los parámetros de promesa y texto? ¿Hay algún truco para evitar la función interna?

Answer 1

Lodash ofrece una buena alternativa para esto exactamente.

 P.then(_.bind(doWork, ''myArgString'', _));
//Say the promise was fulfilled with the string ''promiseResults''
function doWork(text, data) {
console.log(text + " foo " + data);
//myArgString foo promiseResults
}

O, si desea que su función de éxito tenga solo un parámetro (los resultados de la promesa cumplida), puede utilizarlo de esta manera:

P.then(_.bind(doWork, {text: ''myArgString''}));
function doWork(data) {
console.log(data + " foo " + this.text);
//promiseResults foo myArgString
}

Esto adjuntará el text: ''myArgString'' al contexto this dentro de la función.

Answer 2

Puede usar Function.prototype.bind para crear una nueva función con un valor pasado a su primer argumento, como este

P.then(doWork.bind(null, ''text''))

y puedes cambiar doWork a,

function doWork(text, data) {
consoleToLog(data);
}

Ahora, el text será en realidad ''text'' en doWork y los data serán el valor resuelto por Promise.

Nota: Asegúrese de adjuntar un controlador de rechazo a su cadena de promesa.

Programa de trabajo: copia en vivo en REPL de Babel

function doWork(text, data) {
console.log(text + data + text);
}
new Promise(function (resolve, reject) {
var a = 5;
if (a) {
setTimeout(function () {
resolve(a);
}, 3000);
} else {
reject(a);
}
})
.then(doWork.bind(null, ''text''))
.catch(console.error);

Answer 3

Quizás la respuesta más directa es:

P.then(function(data) { return doWork(''text'', data); });

O, dado que esto está etiquetado como ecmascript-6 , usando funciones de flecha:

P.then(data => doWork(''text'', data));

Esto me parece más legible, y no demasiado para escribir.

Answer 4

Usa curry.

var P = new Promise(function (resolve, reject) {
var a = 5;
if (a) {
setTimeout(function(){
resolve(a);
}, 3000);
} else {
reject(a);
}
});
var curriedDoWork = function(text) {
return function(data) {
console.log(data + text);
}
};
P.then(curriedDoWork(''text''))
.catch(
//some error handling
);