php 阻止向下运行,javascript - 为什么js里面的return false无法阻止向下执行-CSDN博客

本文探讨了JavaScript中return false在阻止页面默认行为和异步函数$.post中的效果差异，指出异步函数内部的return仅终止当前回调，不能阻止后续代码执行，提供了解决方案和同步/异步概念的对比

摘要由CSDN通过智能技术生成

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

欧阳克2017-06-12 09:21:55 0 5 394

//再次验证手机号码格式是否正确

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无效

请问是什么原因

135725.html

回答



全部回复 (5)

世界只因有你2017-06-12 09:23:555楼

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

135725.html

漂亮男人2017-06-12 09:23:554楼

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

135725.html