JavaScript之函数的返回值

最新推荐文章于 2024-05-30 15:07:12 发布

JZJZY

最新推荐文章于 2024-05-30 15:07:12 发布

阅读量951

点赞数

文章标签： JavaScript 前端 return 返回值

本文链接：https://blog.csdn.net/weixin_43772533/article/details/106984206

版权

1.使用return关键字返回函数执行后的结果

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function calcSum(num1, num2) {
            var sum = num1 + num2;
            return sum; //使用return关键字返回函数执行后的结果
        }

        var sum = calcSum(2, 7);
        console.log(sum * 2);
        console.log(sum / 2);
    </script>
</head>

<body>

</body>

</html>

在这里插入图片描述

2.如果return后面没有跟返回值或没有使用return关键字，则默认返回：undefined

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function calc1(num1, num2) {
            console.log(num1 - num2);
            return;
        }
        var result = calc1(7, 2);
        console.log(result);

        function calc2(num1, num2) {
            console.log(num1 - num2);
        }
        var result2 = calc2(7, 2);
        console.log(result2);

        var result3 = alert("hhhhh");
        console.log(result3);
    </script>
</head>

<body>

</body>

</html>

在这里插入图片描述

3.return关键字作用：
1.返回函数执行的结果
2.结束函数的执行

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

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript">
        function calc5(num1, num2) {
            var sum = num1 + num2;
            if (sum > 20) {
                return; //结束函数的执行
            }
            console.log(sum);
        }
        calc5(3, 27)
    </script>
</head>

<body>

</body>

</html>

在这里插入图片描述

JZJZY

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript之函数的返回值

1.使用return关键字返回函数执行后的结果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> function calcSum(num1, num2) { var sum
复制链接

扫一扫