JavaScript--函数

最新推荐文章于 2024-02-24 12:11:51 发布

逸川先生

最新推荐文章于 2024-02-24 12:11:51 发布

阅读量98

点赞数

分类专栏： JS学习笔记文章标签： JavaScript 函数 function

本文链接：https://blog.csdn.net/qq_38238041/article/details/80657471

版权

JS学习笔记专栏收录该内容

27 篇文章 0 订阅

订阅专栏

简单演示一下JavaScript函数的使用

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS函数的使用</title>
</head>
<body>
	<script type="text/javascript">
		/* 加法函数演示 */
		function add_1(a,b){
			return a+b;
		}
		function f1(){
			alert( add_1(1,2) );//3
		}
		
		/* 
			参数列表可有可无，反正一定会传递过来的
			写在括号里面仅仅是声明了一下，实际上使用arguments可以获取所有
		*/
		function add_2(){
			var sum = 0;
			for(var i = 0;i<arguments.length;i++){
				sum += arguments[i];
			}
			return sum;
		}
		function f2(){
			alert( add_2(1,2,3) );//6
		}
		
		/* 
			函数内部可以再写函数
			事件注册的一般形式
			(先点击注册，然后会弹出'已为f注册功能'，然后再点击'待注册功能'按钮就会弹出'11')
		*/
		function f3() {
			var f = document.getElementById("f");
			f.onclick = function(){
				alert("11");
			};
			alert("已为f注册功能");
		}
		
		/* 
			函数可以有别名，作用和原函数名是一致的
		*/
		function f4(){
			var ff = add_2;
			alert( ff(1,2,3,4) );//10
		}
		
	</script>
	<input type="button" οnclick="f1()" value="函数1"><br><br>
	<input type="button" οnclick="f2()" value="函数2"><br><br>
	<input type="button" value="待注册功能" id = "f">
	<input type="button" οnclick="f3()" value="注册"><br><br>
	<input type="button" οnclick="f4()" value="别名"><br><br>
	
	<!--   js函数的一些小细节---与Java不一样的地方:
	  1. 函数调用与参数
	  js中的函数不存在重载。定义了函数，只要通过该函数名就可以调用它，
	     调用不调用跟参数没有关系。参数匹配时，对应参数有数据传递时就接收，
	     没用就是undefined,多余的就不接收。
	  
	  js中的函数只以函数名来识别调用，跟参数没关系，参数只是用于传递数据。
	  
	      每个函数内部都有一个arguments[]用于接收并存储所有实参，
	      不管函数定义时的参数列表有没有定义或接收。
	-->
</body>
</html>