美文网首页JavaScript 进阶营
JavaScript中的return作用

JavaScript中的return作用

作者: 梅格Drum | 来源:发表于2018-12-20 17:48 被阅读0次

    MDN: return语句终止函数的执行,并返回一个指定的值给函数调用者。

    代码:

        <button onclick="alert(handleClick1())">无return</button><br>
        <button onclick="handleClick2()">有return无值</button><br>
        <button onclick="handleClick3()">有return有值</button><br>
        <script>
            function handleClick1 () {
                while (true) {
                    console.log("无return");
                }
            }
            function handleClick2 () {
                while (true) {
                    console.log("有return无值");
                    return;
                }
            }
            function handleClick3 () {
                while (true) {
                    console.log("有return有值");
                    return 1;
                }
            }
        </script>
    
    三个按钮
    1. 当无return时点击反应为 屏幕快照 2018-12-20 下午5.37.54.png
    2. 当有return时反应为 屏幕快照 2018-12-20 下午5.39.40.png

      可见当无return时,函数并没有结束而是一直执行,而有了任意一个return,无论有没有值都会结束函数从而跳出循环。

    相关文章

      网友评论

        本文标题:JavaScript中的return作用

        本文链接:https://www.haomeiwen.com/subject/tfhukqtx.html