JavaScript函数的使用教程

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

一、什么是JS的函数

JavaScript函数类似于java中的方法。

JS中也可以定义一些函数,java中的方法签名包含访问修饰符,返回值类型,方法名,参数列表,异常列表,但是JS中定义函数的语法相对简单很多,主要以function作为函数关键字,具备函数名和参数列表,但是没有访问修饰符也没有返回值类型关键字和异常列表。

二、js函数的定义和调用

第一种语法格式常见

function 函数名(参数列表){js代码}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			function fun1() {
				alert("hello JavaScript");
			}
			fun1()
		</script>
	</head>
	<body>
	</body>
</html>

第二种语法

var 函数名=function(参数列表){JS代码}

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var fun2=function(){
				alert("hello JavaScript")
			}
			fun2()
		</script>
	</head>
	<body>
	</body>
</html>

第三种语法不常用了解

var 函数名=new Function('js代码')

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			var fun3=new Function("alert('hello javascript')")
			fun3()
		</script>
	</head>
	<body>
	</body>
</html>

三、js函数的参数传递和返回值

1.参数传递

1.传入的实参可以和形参个数不一致

2.如果函数中有返回值,那么直接用return关键字返回即可

3.可以少传参数

4.多传的参数相当于没传

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function fun(a,b,c){
				alert("a:"+a)
				alert("b:"+b)
				alert("c:"+c)
			}
			fun(10,20,30)
		</script>
	</head>
	<body>
	</body>
</html>

2.返回值

方法本身作为参数返回

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function fun2 (a,b) {
				var c = a+b;
				return c;
			}
			var x = fun2(10,20)
			alert("c="+x)
		</script>
	</head>
	<body>
	</body>
</html>