return,return true,return false三个的作用。

最新推荐文章于 2023-09-19 21:36:17 发布

Bright2017

最新推荐文章于 2023-09-19 21:36:17 发布

阅读量9k

点赞数 1

本文链接：https://blog.csdn.net/Bright2017/article/details/73176137

版权

JavaScript 同时被 2 个专栏收录

50 篇文章 1 订阅

订阅专栏

Jquery

25 篇文章 0 订阅

订阅专栏

无论是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>