javascript - Warum die Rückgabe von false in js die Ausführung nach unten verhindern kann

Question

 //再次验证手机号码 格式是否正确
            var reg = /^1[3|5|4|8|7|][0-9]\d{8}$/;
            var r = phone.match(reg);
            if (r == null) {
                layer.open({
                    content: '手机号码格式不正确'
                    ,skin: 'msg'
                    ,time: 3 //2秒后自动关闭
                });
                return false;   //第一个return false是有效的
            }

            //再次验证手机号码是否已经存在
            $.post("__MODULE__/Login/ajaxCheckPhoneIsExist",{phone:phone},function(data,status){


                if(data=="手机号码已被注册"){

                    layer.open({
                        content: '该手机号码已经存在'
                        ,skin: 'msg'
                        ,time: 3 //2秒后自动关闭
                    });

                    return false;   //第2个return false无效
                }

            });
            
            
            alert("11111");

//Die erste Rückgabe „false“ ist gültig
//Die zweite Rückgabe „false“ ist ungültig
Was ist der Grund

Answer 1

题主的第一个return false是同步调用的，因此能看见效果;

$.post方法是异步执行的，因此在$.post方法的回调函数里面return false的时候，其实是生效了的，但是在执行这句代码的时候，$.post外面的代码早就执行完成了，所以看不到效果而已。另外，在回调函数里面加这句代码并没有什么意义，因为即使是return，也是退出当前执行的函数，即$.post的回调函数，并不能阻止$.post外面代码的执行。

如果有代码需要在$.post请求成功之后执行的，那就把代码放到$.post方法的回调函数里面去吧。例如题主如果本意想让alert('1111')在请求成功后通过条件判断执行，那可以alert('11111')放在$.post方法的回调函数中;

这里再跟题主解释一下同步和异步吧，举个栗子，比如题主在写代码，觉得口渴了，就去烧水喝。这个过程中题主就相当于一个线程，写代码是题主当前正在执行的事情，觉得口渴了就去接点水放在那里烧，不用管它，题主依然继续写代码，只需要等到水烧好了自己拿下来喝就好了。题主的代码也是一样的，js从上到下执行，当执行到$.post就发送一个请求，请求的过程中外部的js还是继续执行（并没有等待$.post请求返回结果），等到ajax请求返回了，再回调之前定义的回调函数。这里除了$.post是异步执行外，其余的代码都是同步执行的。

另外发现题主的正则可以优化，个人认为可以写成/^1[34578]\d{9}$/g

Answer 2

return返回的是当前函数的，你的第一个return相对的是一个click事件的回调函数，而第二个是相对的ajax请求的回调函数，自然不会阻止外层的函数回调

Answer 3

post中函数是异步函数，只有在请求成功后才会被调用，在请求成功返回前，会继续向下执行代码。所以return false语句无效。解决办法是把return false 放在异步函数外面，不要放在$.post()的异步函数中。

Answer 4

$.post 是异步执行的，需要使用 $.ajax 并设置 async: false。

Answer 5

放在alert(1111)同级