【JavaScript】函数 ④ ( 函数返回值 | 函数返回值语法 return 关键字 | 函数默认返回值 undefined )

韩曙亮

发布于 2024-04-04 10:08:26

1300

发布于 2024-04-04 10:08:26

文章被收录于专栏：韩曙亮的移动开发专栏韩曙亮的移动开发专栏

一、JavaScript 函数返回值

1、函数返回值引入

JavaScript 函数可以实现某种特定的功能 , 执行完毕后 , 可以返回一个 " 返回值 " ;

当函数被调用执行任务完毕时 , " 返回值 " 会被返回给调用者 ;

如果函数中没有明确使用 return 关键字返回 " 返回值 " , 那么函数会默认返回undefined 值 ;

2、函数返回值语法

在 JavaScript 中 , 函数返回值是通过 return 语句实现 ,

在函数体中使用 return 语句指定函数返回的值 , 使用 return 语句后会立即终止函数的执行 ,

return 返回值语法如下 :

function functionName(parameters) {  
    // 函数体 
    return expression; // 返回值
}

在 JavaScript 中的返回值类型 , 不需要在函数声明中注明返回值类型 ;

3、函数默认返回值

在下面的代码中 , 定义了 add 函数 , 并且该函数没有显示使用 return 关键字返回返回值 ;

此时执行 add 函数 , 返回给调用者的默认返回值是 undefined 未定义值 ,

使用变量 ret 接收默认返回值 , 将其打印出来就是 undefined 值 ;

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // JavaScript 函数

        // 定义函数 有 2 个形参
        function add(num1, num2) {
            console.log("接收到实参 num1 = " + num1 + " , num2 = " + num2);
            console.log("计算结果 num1 + num2 = " + (num1 + num2));
        }

        // 1. 函数没有返回值
        var ret = add(1, 2);
        console.log("函数返回值 : " + ret);
    </script>
</head>

<body>
</body>

</html>

执行结果 : 打印出来的函数返回值是 undefined 未定义值 ;

4、函数默认返回值

在下面的代码中 , add 函数中使用 return 关键字返回返回值 ,

使用 ret 变量接收返回值 , 得到最终结果 3 ;

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // JavaScript 函数

        // 定义函数 有 2 个形参
        function add(num1, num2) {
            console.log("接收到实参 num1 = " + num1 + " , num2 = " + num2);
            console.log("计算结果 num1 + num2 = " + (num1 + num2));

            // 返回返回值
            return num1 + num2;
        }

        // 函数有返回值
        var ret = add(1, 2);
        console.log("函数返回值 : " + ret);
    </script>
</head>

<body>
</body>

</html>

执行结果 :