问题
Hello this is a question to help me understand how Promises .then
returns work. The question is: how can I scoped variables to the second .then chained function?
Here is a jsbin http://jsbin.com/xacuna/edit?js,output
I can access the global variables, and pass in the scoped variables to the first then, but not after.
let innerReturnFunction = (res, myName) => {
/* this works */
console.log(`hi from inner name: ${myName}`)
return res
}
let getInnerFuncVariable = () => {
var myName = 'arturo'
return fetch('https://httpbin.org/get')
.then(function (res) {
myName = 'Bob'
return innerReturnFunction(res, myName);
})
.then(function (res, myName) {
/* doesn't work, how can I access myName */
console.log(`in first then ${res.url}, ${myName}`)
});
}
getInnerFuncVariable().then(function(res, myName) {
/* how can I access myName */
console.log(`last called ${myName}`)
})
回答1:
as you are using ES2015 - easy solution uses object Shorthand property names and Object destructuring
let innerReturnFunction = ({res, myName}) => {
/* this works */
console.log(`hi from inner name: ${myName}`);
return {res, myName}; // return an object
}
let getInnerFuncVariable = () => {
var myName = 'arturo';
return fetch('https://httpbin.org/get')
.then(function(res) {
myName = 'Bob'
return innerReturnFunction({res, myName});
})
.then(function({res, myName}) {
console.log(`in first then ${res.url}, ${myName}`);
return {res, myName};// ADD THIS!!
});
}
getInnerFuncVariable().then(function({res, myName}) {
console.log(`last called ${myName}`)
})
回答2:
When I came across this answer, I was trying to do this:
for (key in updateDict)
{ if ( ! key.startsWith("__"))
{ var updateID = updateDict[key].id;
var updateNewValue = updateDict[key].newValue;
//store give the function call the ability to store the current value of key
var storeAndDeleteKey = function(key, updateID, updateNewValue)
{ return atStore.update({"id":updateID}, updateNewValue))
.then
( (docs) =>
{ results[key] = docs;
delete updateDict[key];
}
);
}
//put the function with the current value of key into the Promise.all list
dataAccessPromiseList.push
( storeAndDeleteKey(key, updateID, updateNewValue)
)
}
}
if (dataAccessPromiseList.length > 0) dataAccessPromise = Promise.all(dataAccessPromiseList);
来源:https://stackoverflow.com/questions/42464449/promises-how-to-pass-variable-into-then-function