JavaScript中的return作用

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,无论有没有值都会结束函数从而跳出循环。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,843评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,160评论 1 32
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,204评论 0 21
  • 3年前,好友L跟我说,他要转型金融行业,那时他34岁,在国内知名互联网公司工作已经6年,并且已经有了该行业10年的...
    凌含chou阅读 460评论 0 0
  • 0. 前言 鉴于我已经写了4年多的Java代码,所以当我准备学习PHP的时候,我想先看下PHP里面有没有类似Mav...
    warmker阅读 196评论 0 2