广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JavaScript函数的使用教程
  • 276
分享到

JavaScript函数的使用教程

2024-04-02 19:04:59 276人浏览 八月长安
摘要

目录一、什么是js的函数二、js函数的定义和调用三、js函数的参数传递和返回值1.参数传递2.返回值一、什么是JS的函数 javascript函数类似于java中的方法。 JS中也可

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

--结束END--

本文标题: JavaScript函数的使用教程

本文链接: https://www.lsjlt.com/news/164716.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作