javascript - 为什么js里面的return false无法阻止向下执行

问题描述

问 题

 //再次验证手机号码 格式是否正确
            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");

//第一个return false是有效的
//第2个return false无效
请问是什么原因

解决方案

题主的第一个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

这篇关于javascript - 为什么js里面的return false无法阻止向下执行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！