首页 > web前端 > js教程 > 正文

javascript return语句怎么用

青灯夜游
发布: 2021-07-01 18:07:36
原创
4272人浏览过
return语句可用于终止当前函数并返回当前函数的值;函数一旦执行完return语句,将会立即返回函数值,并中止函数的执行,该语句后的代码都不会被执行。利用这一特性,在需要提前退出函数执行时,使用不带返回值的return语句来中止函数执行。

javascript return语句怎么用

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

JS return语句的用法

JavaScript return 语句在函数定义中的作用有两个:

return 语句可以返回包括基本数据类型、对象、函数等任意类型的值。每个函数都会返回一个值。当没有使用 return 语句,或使用了 return,但其后面没有指明返回值时,函数都将返回“undefined”值。如果需要返回“undefined”以外的值,必须使用 return,同时指明返回的值。

函数一旦执行完 return 语句,将会立即返回函数值,并中止函数的执行,此时 return 语句后的代码都不会被执行。根据 return 语句的这一特性,常常会在需要提前退出函数的执行时,利用不带返回值的 return 语句来随时中止函数的执行。

return语句的用法示例

示例1:return语句显式返回函数值

 function expressionCaculate(x){
     if((x >= -10) && (x <= 10)){
         return x * x - 1;
     } else {
         return 5 * x + 3;
     }
   }
   console.log(expressionCaculate(6));
   console.log(expressionCaculate(12));
登录后复制

expressionCaculate() 的 return 后面跟着的是一个表达式,在函数执行到 return 语句时会先计算表达式的值,然后返回该值。调用函数时,会根据传给 x 的值,返回不同表达式的值。

SpeakingPass-打造你的专属雅思口语语料
SpeakingPass-打造你的专属雅思口语语料

使用chatGPT帮你快速备考雅思口语,提升分数

SpeakingPass-打造你的专属雅思口语语料 25
查看详情 SpeakingPass-打造你的专属雅思口语语料

示例2:return 语句中止函数的执行

   function add(a,b){
     if(a > b){
         console.log("a大于b");
         return;
         console.log("a+b=" + (a + b));
     }
     console.log("a+b=" + (a + b));
   }
   add(7,3);
登录后复制

执行 add(7,3) 代码时,将调用 add() 方法,此时第一个参数的值大于第二个参数,在控制台中输出“a 大于 b”,然后函数返回,停止执行,从而 return 语句后面的两条日志都不会被输出。

运行结果

1.png

示例3:return 语句返回函数

   function outerFunc(){
        var b = 0;
       return function(){ //返回匿名函数
            b++;
            console.log("内部函数中b=" + b);
        }
   }
   var func = outerFunc();
   func();
登录后复制

因为 outerFunc() 函数返回一个匿名函数,所以 outerFunc 函数的调用表达式就变为了函数表达式了,从而可以使用变量 func 来调用匿名函数。

运行结果

2.png

【相关推荐:javascript学习教程

以上就是javascript return语句怎么用的详细内容,更多请关注php中文网其它相关文章!

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号