快捷導(dǎo)航

JavaScript函數(shù)的使用教程

更新時間：2022年07月20日 10:06:17 作者：Flyme awei

這篇文章主要介紹了JavaScript函數(shù)的使用教程，JavaScript函數(shù)是被設(shè)計為執(zhí)行特定任務(wù)的代碼塊。JavaScript函數(shù)會在某代碼調(diào)用它時被執(zhí)行。文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

一、什么是JS的函數(shù)

JavaScript函數(shù)類似于java中的方法。

JS中也可以定義一些函數(shù),java中的方法簽名包含訪問修飾符,返回值類型,方法名,參數(shù)列表,異常列表,但是JS中定義函數(shù)的語法相對簡單很多,主要以function作為函數(shù)關(guān)鍵字,具備函數(shù)名和參數(shù)列表,但是沒有訪問修飾符也沒有返回值類型關(guān)鍵字和異常列表。

二、js函數(shù)的定義和調(diào)用

第一種語法格式常見

function 函數(shù)名(參數(shù)列表){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 函數(shù)名=function(參數(shù)列表){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 函數(shù)名=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函數(shù)的參數(shù)傳遞和返回值

1.參數(shù)傳遞

1.傳入的實參可以和形參個數(shù)不一致

2.如果函數(shù)中有返回值,那么直接用return關(guān)鍵字返回即可

3.可以少傳參數(shù)

4.多傳的參數(shù)相當(dāng)于沒傳

<!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.返回值

方法本身作為參數(shù)返回

<!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>