JS中函数的讲解及实例-CSDN博客

本文链接：https://blog.csdn.net/h1008685/article/details/138007726

本文详细介绍了JavaScript中的函数概念，包括函数声明的组成部分、参数与实参、函数调用以及返回值的使用。通过实例如猜数字游戏和比较数值函数，展示了函数在编程中的实际应用。

摘要由CSDN通过智能技术生成

函数可以将代码块进行封装，可以更加快捷的调用代码块并获取返回值

函数声明

函数声明由几个部分组成：

function 关键字开始一个函数声明。

函数名，遵循驼峰命名法（例如 myFunction, calculateArea）。

一对圆括号 ()，包含函数的参数列表，参数之间用逗号分隔。如果函数不需要参数，可以省略这对圆括号。

一对花括号 {} 包含函数体，即函数的代码。

示例:

function myFunction(parameter1, parameter2) {
// 函数体
}

参数和实参

参数：在函数声明中定义的变量，用作输入值，也称作形参。
实参：在函数调用时提供给函数的具体值，用于替换形参。

函数调用

调用函数意味着执行函数体内部的代码。这可以通过函数名后跟一对圆括号和实参（如果有的话）来完成。

示例:

myFunction(value1, value2);

返回值

使用 return 语句从函数返回一个值。return 后面跟着需要返回的表达式。函数执行到 return 语句时会停止，并将表达式的值返回给调用者。

示例:

function calculateSquare(num) {
return num * num;
}

var result = calculateSquare(5); // result 的值将是 25

实例

猜数字小游戏。

用户输入一个数字，然后系统会根据预设的值（这里是 100）给出相应的提示。

源码

function guessNumber(input,inAdvance){
            if(input>inAdvance){
                alert('太大了，换一个');
            }else if(input==inAdvance){
                alert('恭喜你猜对了');
            }else if(input<inAdvance){
                alert('太小了换一个');
            }else{
                alert('请输入数字');
            }
        }
        var userInput = prompt("请输入数字："); //声明变量并根据用户输入赋值
        var inAdvance = 100; //声明预先设置数值
        guessNumber(userInput,inAdvance);

函数 `guessNumber`

参数：
input：用户输入的数字。
inAdvance：系统预设的数字，用于与用户输入比较。
逻辑：
如果用户输入大于预设数字：弹出提示 "太大了，换一个"。
如果用户输入等于预设数字：弹出提示 "恭喜你猜对了"，表示用户猜对了数字。
如果用户输入小于预设数字：弹出提示 "太小了换一个"。
其他情况（例如输入非数字）：弹出提示 "请输入数字"，这里实际上的逻辑有待完善，因为当前逻辑中此情况不会被触发，需要进一步检查 input 是否为有效的数字。

用户输入和游戏启动

使用 prompt("请输入数字：") 获取用户输入，这个值将被传递到 userInput 变量。
系统预设数字是 100，存储在 inAdvance 变量。
调用 guessNumber(userInput, inAdvance) 函数，开始游戏。

比较两个数值返回最大值

是用于比较两个数值并返回其中的最大值。

源码

function getMax1(a,b){
            if(a>b){
                return a;
            }else{
                return b;
            }
        }

        // 调用函数
        var res = getMax1(100,50);
        console.log(res);
        console.log(getMax1(10,5));