当前位置 : 主页 > 手机教程 > 手机资讯 >

JavaScript函数的使用教程

来源:互联网 收集:自由互联 发布时间:2023-01-25
目录 一、什么是JS的函数 二、js函数的定义和调用 三、js函数的参数传递和返回值 1.参数传递 2.返回值 一、什么是JS的函数 JavaScript函数类似于java中的方法。 JS中也可以定义一些函数
目录
  • 一、什么是JS的函数
  • 二、js函数的定义和调用
  • 三、js函数的参数传递和返回值
    • 1.参数传递
    • 2.返回值

一、什么是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>

到此这篇关于JavaScript函数的使用教程的文章就介绍到这了,更多相关JS函数内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

上一篇:JavaScript中常用的数组操作方法总结
下一篇:没有了
网友评论