1.函数
函数是一段可重复执行的代码块，它可以接收参数，并返回结果。在JavaScript中，函数用于封装可重用的代码，提高代码的可读性和可维护性。
1.1 函数的定义
函数的定义包括以下几个部分：
- 函数名称：用于标识函数的唯一名称。
- 参数：函数在执行时可以接收一个或多个参数，参数之间用逗号分隔。
- 函数体：包含一系列JavaScript语句，用于实现特定的功能。
- 返回值：函数执行完成后，可以返回一个结果。
function 函数名(形参1, 形参2, 形参3, ...) {
函数体
return 返回值;
}
1.2 函数的调用
函数名(实参1, 实参2, 实参3, ...);
2.函数的两种声明方式
2.1 函数声明---命名函数
function 函数名(形参1,形参2,形参3...){
函数体;
}
特点：
函数声明具有函数声明提升的特性，即在代码执行前，函数声明已经被提升到作用域的顶部。
函数声明可以出现在代码的任何位置，但在调用函数之前必须先声明。
2.2 函数表达式---匿名函数
let 函数名 = function(形参1,形参2,形参3...){
函数体;
}
特点：
函数表达式没有函数声明提升的特性，因此在赋值之前不能调用该函数。
函数表达式可以创建匿名函数，也可以创建具名函数。
2.3 函数的调用：
函数名(实参1,实参2,实参3...);
函数的使用方式：先定义，后调用，不调用不执行
3.函数定义的相关练习
4.函数的综合练习
练习1：定义一个函数模拟计算器功能，可以计算任意两个数四则运算的结果（+,-,*,/）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
// 练习1：定义一个函数模拟计算器功能，可以计算任意两个数四则运算的结果（+,-,*,/）
//let x=parseFloat((0.1+0.2).toFixed(1));精准度
function calculator(num1, num2, operator) {
if (typeof num1 !== "number" || typeof num2 !== "number")
return "输入的数据类型有误";
switch (operator) {
case "+":
return parseFloat((num1 + num2).toFixed(2));
case "-":
return num1 - num2;
case "*":
return parseFloat((num1 * num2).toFixed(2));
case "/":
if (num2 === 0) return "除数不能为0";
return num1 / num2;
default:
return "输入的运算符有误";
}
}
let total = calculator(1, 2, "*");
console.log(total);
</script>
</body>
</html>
运行结果如下：
5.总结
在JavaScript中，函数定义和声明方式多种多样，掌握它们有助于我们编写更高效、更优雅的代码。函数声明和函数表达式各有优劣，具体使用哪种方式取决于实际场景和需求。
扫一扫
1830
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
