无论是javascript还是jquery,在使用的过程中绝对会用到的return。这里和大家分享一下我对这三个的理解。
下面是一个小例子:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>return,return true,trturn false的作用</title>
<style type="text/css">
#centent{
width: 50%;
margin: 80px auto 20px auto;
}
#demo{
width: 40%;
margin: 0 auto;
}
#demo>input{
width: 100%;
height: 35px;
padding-left: 10px;
border-radius: 4px;
border: 1px solid #999;
}
.End{
width: 20%;
margin: 30px auto;
}
.End>input{
width: 100%;
background: orange;
border-radius: 4px;
border: 1px solid orange;
height: 35px;
line-height: 35px;
color: white;
outline: none;
cursor: pointer;
font-size: 18px;
}
</style>
</head>
<body>
<div id="centent">
<div id="demo">
<input type="text" placeholder="请输入文字" class="demo"/>
</div>
<div class="End">
<input type="button" value="提交" id="btn"/>
</div>
</div>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
var val=$(".demo").val();
if(val.length>3){
alert("内容长度大于3!");
return false;
a();
//这里return false 终止符,阻止向下执行.我个人认为最好理解的就是这个,作用就是阻止你继续向下执行。所以函数a()不会被执行。
}
if(val.length<3){
alert("内容长度小于3!");
a();
//这里return true 是返回正确的结果,其实你可以理解为正常执行,默认就是true,写不写都行。当然前提是看你的默认值是否被更改。有的朋友就喜欢写代码时默认为false,举例: var key=false;中间经过一系列操作之后输出key。
}
if(val.length==3){
alert("内容长度等于3");
$num=b(val.length);
alert($num);
//这里return是把控制权返回给页面.其实之前我对这句话一直不是很理解,什么叫控制权返回给页面?看下例子就明白了。$num=b(val.length);这里调用了函数b(),同时传入了参数val.length,如果你输入的长度是3就会弹出9,为什么呢?因为函数b(3)传入参数3之后在里面进行计算之后将num*num的结果也就是3*3=9这个结果,通过return返回给了函数b();那此时,$num就是9,弹出来的自然就是9.
}
});
function a(){
alert("执行了函数");
return true;
}
function b(num){
return num*num;
}
});
</script>
</body>
</html>