从return到return true和return false：探索JavaScript中的返回语句

原创已于 2025-03-08 11:36:39 修改 · 2.3k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue

于 2023-05-29 15:05:39 首次发布

JS 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了JavaScript中return、returntrue和returnfalse语句的区别和使用场景。return语句用于返回函数值，中断函数执行；returntrue常用于表示成功或满足条件，而returnfalse则表示失败或不满足条件，常用于阻止事件的默认行为。

前言

return、return true 和 return false 是 JavaScript 中常用的返回语句，它们在函数中起着不同的作用。本文将详细解释这三种返回语句的区别和使用场景，帮助大家更好地理解和运用它们。

在文章开头，大家可以先思考一个问题，我都在函数内部中断了函数的执行，那么，你觉得下面三个函数方法都会返回什么？

function myFunction() {
  //逻辑代码
  return;
}
function myFunction2() {
  //逻辑代码
  return true;
}
function myFunction3() {
  //逻辑代码
  return false;
}

返回的结果分别是：

当调用 myFunction() 时，它将执行函数内的逻辑代码，但不会返回任何值。这意味着调用者将得到 undefined 作为结果并终止程序不继续往下执行；
当调用 myFunction2() 时，它将执行函数内的逻辑代码，并返回布尔值 true 作为结果。这意味着调用者将得到 true 作为结果（注意：表单请求会刷新页面）；
当调用 myFunction3() 时，它将执行函数内的逻辑代码，并返回布尔值 false 作为结果。这意味着调用者将得到 false 作为结果并终止处理，阻止事件的默认行为。。

return 语句

当函数执行到 return 语句时，它会立即停止执行，并将指定的值作为函数的返回值返回给调用者。这个值可以是任何 JavaScript 数据类型，如数字、字符串、对象等。下面是一个示例代码：

function add(a, b) {
  return a + b;
}

var result = add(2, 3);
console.log(result); // 输出：5

在上面的代码中，add 函数接收两个参数 a 和 b，并返回它们的和。当调用 add 函数时，返回值 5 被赋给变量 result，并通过 console.log 输出。

控制台打印

在这里插入图片描述

return true 语句

return true 语句用于返回布尔值 true。这通常用于表示函数执行成功或满足某个条件。下面是一个示例代码：

function isEven(num) {
  if (num % 2 === 0) {
    return true;
  } else {
    return false;
  }
}

var result = isEven(4);
console.log(result); // 输出：true

在上面的代码中，isEven 函数接收一个参数 num，并判断它是否为偶数。如果是偶数，则返回 true；否则返回 false。当调用 isEven 函数时，返回值 true 被赋给变量 result，并通过 console.log 输出。

控制台打印

在这里插入图片描述

return false 语句

return false 语句用于返回布尔值 false。这通常用于表示函数执行失败或不满足某个条件。下面是一个示例代码：

function isOdd(num) {
  if (num % 2 !== 0) {
    return true;
  } else {
    return false;
  }
}

var result = isOdd(3);
console.log(result); // 输出：true