如何避免这种异步惰性模式？

Question

很多时候，我需要在Javascript中编写这样一个延迟异步加载：

if (myvar != undefined){
    doSomeTreatment(myvar)
} else {
    loadMyVarAsynchronously().then(function(value){
        myvar = value
        doSomeTreatment(myvar)
    })
}

在这里，myvar 将是哈希的某个属性，而不是局部变量。 loadMyVarAsynchronously 异步加载 myvar 的值（例如，Promise 或 JQuery Deferred）

有没有一种模式可以避免在这段代码中写两次以下行？

doSomeTreatment(myvar)

Answer 1

如果 myvar 已经定义，您可以将其传递给 $.when() 并自动将其包装到已解决的承诺中：

var def = (myVar !== undefined) ? myVar : loadMyVarAsynchronously();

$.when(def).then(doSomeTreatment);

如果需要，在 doSomeTreatment() 内部而不是在匿名 .then 回调内部分配 myVar，这允许您将 doSomeTreatment 作为函数引用直接传递。

EDIT 哎呀，你想要标准的 Promise 还是 jQuery 的 Promise？以上是jQuery风格。

Answer 2

如果没有一个具体的、真实的例子，真的很难推断你在这里所做的事情。这绝对不是我在代码中经常使用的模式，所以我怀疑你可以通过重新评估你的假设来解决它。

话虽如此，您可以使用承诺链。请注意，在这种情况下，promiseThatLoadsVar 是一个承诺，它不是一个返回承诺的函数。这意味着它会保持一个状态，并且该代码第二次继续运行时会立即返回。

promisethatLoadsVar.then(function(value) {
     myvar = value;
     doSomeTreatment(myvar);
})

如果您能提出更清晰的问题，我很乐意为您提供更清晰的答案。

编辑：我想详细说明 cmets 中提出的示例。这是使用LoDash 库的解决方案。 （顺便说一句，你应该使用 lodash 或下划线，它们基本上是 javascript 的标准库）。

var getData = _.once(function() { return $.getJSON(...) });

$('button').on('click', function() { 
    getData().then(function(data) { showDialog(data) }) 
})

请注意，getData 是一个包装函数，在第一次调用之后只会一遍又一遍地返回相同的内容，而无需重新调用该函数。第一次调用它时，它将返回一个在检索数据时解析的承诺。第二次以后你会得到同样的承诺，这很可能已经被解决了。

是否要将参数传递给getData？

var getData = _.memoize(function(id) { return $.getJSON(url+id) });

$('button').on('click', function() { 
    getData($('#selector').val()).then(function(data) { showDialog(data) }) 
})

这将做同样的事情，但通过传递给getData的第一个输入参数缓存承诺。

Answer 3

是的，你应该为价值建立一个承诺。然后，您只需将该函数作为处理程序附加一次：

var loadedMyVar = myvar!=undefined ? Promise.resolve(myvar) : loadMyVarAsynchronously();
loadedMyVar.then(doSomeTreatment);

哦，您不需要异步重新分配给myvar，只需在任何地方使用loadedMyVar 承诺即可。甚至可以使用

var loadedMyVar = loadedMyVar || loadMyVarAsynchronously();
loadedMyVar.then(function(value) {
    return myvar = value;
}).then(doSomeTreatment);

Answer 4

使用myvar != undefined 作为是否检索它的检查存在问题，即当您启动另一个检索时，可能已经在进行检索。您最终会执行两次（或更多次！）请求。

为避免这种情况，您可以坚持承诺，将其视为myvar 的未来值，并且根本不使用myvar：

// assume myvarpromise is persisted somewhere longer than the 
// life of this function
myvarpromise = myvarpromise || loadMyVarAsynchronously();
myvarpromise.then(doSomeTreatment);