javascript的函数基础使用

最新推荐文章于 2024-09-27 16:57:59 发布

白塔ing

最新推荐文章于 2024-09-27 16:57:59 发布

阅读量124

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/z742773955/article/details/101363039

版权

javascript的函数基础使用

什么是函数

把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用。函数的作用就是封装一段代码，将来可以重复使用，提高了代码复用性。

函数的定义

函数声明

function 函数名() {
  // 函数体
}

函数表达式

var fn = function () {
  // 函数体
}

函数的调用

函数名();

特点：
1.函数声明的时候，函数体并不会执行
2.函数名应该时一个动词
其案例为:
判断一个数是否是素数(又叫质数，只能被1和自身整数的数)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		
		function judgeSushu(number) {
			var isSushu = true; // flag 
			for (var i = 2; i < number; i++) {
				if (number % i == 0) {
					isSushu = false;
					break;
				}	
			}
			if (isSushu) {
				console.log("质数");
			} else {
				console.log("不是质数");
			}
		}

		judgeSushu(19);// 函数的调用
	</script>
</head>
<body>
	
</body>
</html>

函数的返回值

当函数执行完的时候，并不是所有时候都要把结果打印。我们期望函数给我一些反馈（比如计算的结果返回进行后续的运算），这个时候可以让函数返回一些东西。也就是返回值。函数通过return返回一个返回值。

返回值语法：

function 函数名(形参1, 形参2, 形参3...) {
  //函数体
  return 返回值;
}

//可以通过变量来接收这个返回值
var 变量 = 函数名(实参1, 实参2, 实参3...);

函数的调用结果就是返回值，因此我们可以直接对函数调用结果进行操作。

其案例为：
求1!+2!+3!+…+n!

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		//求1!+2!+3!+....+n!
		//1.求阶乘
		//2.求和
		function getMu(num) {
			var result = 1;
			for (var i = 1; i <= num; i++) {
				result*= i;
			}
			return result;
		}

		//console.log(getMu(4));
		//2.求和
		function getSum(num) {
			var sum = 0;
			for (var i = 1; i <= num; i++) {
				sum += getMu(i);
			}
     	return sum;
		}
		console.log(getSum(3));//当前输入n的值为3
	</script>
</head>
<body>
	
</body>
</html>