美文网首页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