脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS函数

JavaScript函数的使用教程

 更新时间：2022年07月20日 10:06:17   作者：Flyme awei  
这篇文章主要介绍了JavaScript函数的使用教程，JavaScript函数是被设计为执行特定任务的代码块。JavaScript函数会在某代码调用它时被执行。文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

一、什么是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函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论