欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

return语句怎么使用

程序员文章站 2022-04-05 16:45:33
...
return 语句会终止函数的执行并返回函数的值,但是return语句究竟是怎么使用的?本篇文章就来给大家介绍关于JavaScript中return 语句的用法。

return语句怎么使用

首先我们要知道的是,除非另有说明,否则JavaScript中的每个函数都会返回undefined

为了测试这个,我们只需要创建一个空函数,然后调用它:

function test(){};
test();
// undefined

正如所料,当我们调用我们的函数,在控制台中返回时undefined。(推荐课程:JavaScript教程

现在我们实际上会指定一个return值。让我们重新创建我们的test()函数,但return这次包括参数:

function test(){
  return true;
};
test();
// true

我们会发现返回了true值。

return语句结束函数执行

我们在test函数中有两个return语句

function test(){
  return true;
  return false;
};
test();
// true

第一个return语句会立即停止执行函数并返回true。

第3行代码return false;没有执行。

return语句会返回一个值给回调函数

我们创建了一个函数double(),输出两倍的值

let double = function(num) {
   return num * 2;
}

由于一个值被返回给回调函数,我们可以创建一个变量并将其设置为等于函数的调用:

let six = double(3);
// 6

return语句结束一个函数

由于return立即停止了函数的执行,它也可以用于中断或结束函数。

示例如下

let countTo = function(num){ 
  if(typeof num!='number')
  return false;  
  for(var i = 1; i <= num; i ++){ 
    console.log(i); 
  } 
}

在本例中,我们的函数countto()最多可计算用户输入数字。但是,如果用户不输入数字,而是输入字符串、布尔值、数组等,则函数将结束并返回false。

countTo(3);
// 1
// 2
// 3countTo('cat');
// false

本篇文章到这里就全部结束了,更多精彩内容大家可以关注的其他相关栏目教程!!!

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

相关标签: return语句