3

我对 Javascript 承诺相当陌生，并且遇到了一个我无法通过 Google 或 Stack Exchange 找到任何相关信息的问题。当我在 .then 中引用一个函数时，链接到一个 Promise 中，有时我必须将该函数包装在一个匿名函数中，以阻止它在原始 Promise 解决之前自动执行。例如，如果我的代码是

function deleteAdvertiser(advertiser) {
    dialogService.Confirm(null, 'Delete')
        .then(advertiserService.deleteAdvertiser(advertiser))
        .then(getAdvertisers);
}

在我解决来自 dialogService.Confirm 的承诺之前，对 adserService.deleteAdvertiser 的调用将自动触发。但是，如果我把它写成

function deleteAdvertiser(advertiser) {
    dialogService.Confirm(null, 'Delete')
        .then(function () {
            advertiserService.deleteAdvertiser(advertiser)
                .then(getAdvertisers);
            });
}

它的行为符合预期：在我解决 dialogService.Confirm 承诺之前，advertiserService.deleteAdvertiser 调用不会发生（在这种情况下，通过单击确认对话框中的“删除”按钮）。

dialogService 使用 ngDialog 的 .openConfirm 方法，该方法返回一个承诺。我已验证此承诺正确返回。关于为什么会发生这种情况，我最好的猜测是我需要从 UI 传递一个广告商对象（该函数最初是通过 ng-click 垃圾桶按钮调用的）意味着我必须调用 adserService.deleteAdvertiser(advertiser )——也就是说，传入一个参数——这反过来意味着 JS 在读取它时立即执行该函数调用，而不是仅仅存储引用以供稍后在解决初始承诺时使用。

我对为什么第一个代码块不起作用的理解是否正确？为什么将其包装在匿名函数中会有所不同？是否有正确（或至少更好）的方式来链接这些承诺？

谢谢！

4

1 回答 1

4

传入参数后，JS 会在读取该函数调用后立即执行该函数调用

是的。当您传递一个参数并放在()函数后面时，您正在调用它。你需要传递一个函数——就像你做的那样.then(getAdvertisers)，而不是.then(getAdvertisers()).

请注意，它不需要是函数表达式，您也可以使用.bind：

dialogService.Confirm(null, 'Delete')
    .then(advertiserService.deleteAdvertiser.bind(advertiserService, advertiser))
    .then(getAdvertisers);

大致相当于

dialogService.Confirm(null, 'Delete')
    .then(function(confirmRes) {
        return advertiserService.deleteAdvertiser(advertiser);
    })
    .then(getAdvertisers);
于 2015-05-13T15:19:57.000 回答