javascript - 我对嵌套函数内的 "return true;"的解决方案不起作用

Question

这个问题已经有答案了:

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference (7 个回答)

已关闭 8 年前。

我发布了一个被标记为重复的问题，因为这让我对发布return true;进行了一些研究在嵌套函数内。我现在了解了异步代码，但在编写解决方案时仍然遇到很大困难。

最初给我带来问题的代码是:

if($('input[name="lat"]').length){
// submit the form after checks have been made
    return true;
} else {
    e.preventDefault();
    geocode_clientside();
    setTimeout(function () {
        return true;
    }, 1000); // in milliseconds
}

经过大量阅读后，我得到了这个:

var result = false;
if($('input[name="lat"]').length){
    // submit the form after checks have been made
    result = true;
} else {
    e.preventDefault();
    geocode_clientside();
    setTimeout(function () {
        result = true;
        // console log just to help me with debugging
        console.log('settimeout: ' + result);
    }, 1000); // in milliseconds
}
// console log just to help me with debugging
console.log('end: ' + result);
return result;

这显然不起作用，因为 return result;当 input[name="lat"] 没有长度时返回“false”。当我编写新的解决方案时，我才明白这一点，感觉就像我绕了一个大圈，然后又回到了问题的起点。我现在完全明白为什么它返回 false，我不明白的是能让我到达终点(而不返回到起点)的解决方案。

我尝试了一些愚蠢的事情，那就是包装返回结果；在延迟函数中，这是一场灾难。

有人可以帮我吗？

Answer 1

由于您想要进行表单提交，因此可以直接调用表单元素的submit方法。

因此，在 else block 中，您将阻止默认表单提交，这将阻止点击时提交表单。然后在定时器中你可以调用submit()方法如果你想提交表单(它不会调用提交处理程序)

$('form').submit(function () {
    var form = this;
    if ($('input[name="lat"]').length) {
        // submit the form after checks have been made
        return true;
    } else {
        e.preventDefault();
        geocode_clientside();
        setTimeout(function () {
            form.submit();
        }, 1000); // in milliseconds
    }
})

注意:根据您的评论，您正在使用地理定位 api，因此不要依赖超时来猜测何时完成，而是使用回调方法来提交表单