有关JavaScript的函数定义和函数的两种声明方式

news2024/9/21 20:52:36

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>

<head>

<title>Document</title>

</head>

<body>

// 练习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中，函数定义和声明方式多种多样，掌握它们有助于我们编写更高效、更优雅的代码。函数声明和函数表达式各有优劣，具体使用哪种方式取决于实际场景和需求。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2051623.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！