javascript函数语法、使用规则

最新推荐文章于 2024-10-13 19:00:11 发布

原创最新推荐文章于 2024-10-13 19:00:11 发布 · 450 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JavaScript中函数的基本使用方法，包括函数定义、调用、参数传递等核心概念，并通过实例展示了如何利用函数计算圆和长方形的面积。

函数基本使用语法、规则

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<!--    (1)函数：封装一次，可以在任何时候，任何地点执行多次的代码块
			(2)语法：
				function 函数名(){
					函数体;
				}
			(3)函数名命名规则：和变量名命名规则一致
			(4)函数不会自己执行，需要被调用才可以执行
				函数调用：函数名()
			(5)变量名一般为名词  函数名一般为动词
			(6)函数的定义顺序与调用顺序无关 -->
</head>
<body>
	<script type="text/javascript">
    //声明一个函数，命名为show
		function show(){
			document.write('hello world');
		}
		show();//调用函数


	</script>
</body>
</html>

函数形参：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	    <!-- 函数参数之间用逗号隔开
		理论上，函数的参数有无限个
		函数参数调用时和定义时顺序一致 -->
	<script type="text/javascript">
		//用函数实现：计算圆的面积
		//带有一个参数的函数
		//形参
		function calCircle(r){
			var area=Math.PI*r*r;
			console.log(area);
		}
		//实参
		calCircle(20);
		calCircle(10);
		calCircle(5);
		//用函数实现计算长方形的面积
		function calRec(h,w){
			var area=h*w;
			console.log("面积为："+area);
		}
		calRec(20,50);
		calRec(10,50);
		calRec(20,40);
	</script>
</head>
<body>	
</body>
</html>