30.JS函数返回值

最新推荐文章于 2024-05-27 10:37:20 发布

稠梨

最新推荐文章于 2024-05-27 10:37:20 发布

阅读量215

点赞数

分类专栏： WEB 前端

本文链接：https://blog.csdn.net/qq_34894255/article/details/53174232

版权

WEB 前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			/*
			 * 函数返回值
			 * 	函数的运算结果
			 * 
			 * return
			 * 	1、返回函数的运算结果
			 * 		return 值
			 * 		如果说函数里有return,那么这个函数的返回值就是return后面的值（运算后的结果）。
			 * 		如果函数里没有return,那么这个函数的结果就是undefined。
			 * 	2、阻止函数继续运行；
			 * 
			 * 
			 */
			
			function fn(a,b){
				return a+b;
			}
			console.log(fn(3,4));
			var result=fn(3,4);
			console.log(result);
			
			function fn2(a,b){
				 var c=a+b;
			}
			
			var result1 = fn2(2,6);
			console.log(result1);//undefined
			//=====================================
			window.onload = function(){
				var btns = document.querySelector("input[type = button]");
				var txts = document.querySelector("input[type=text]");
				function add(){
					var result = 0;
					
					for(var i=0;i<arguments.length;i++){
						result +=arguments[i];
					}
					return result;
				}
				
				btn[0].onclick = function(){
					txts[0].value = add(123,35,7);
				}
				
			}
		</script>
	</head>
	<body>
		<input type="button" id = "" value="按钮1">
		<input type="text" id="" value="">
		<input type="button" id = "" value="按钮2">
		<input type="text" id="" value="">
		<input type="button" id = "" value="按钮3">
		<input type="text" id="" value="">
	</body>
</html>