前言
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
在上面的代码中,isOdd
函数接收一个参数 num
,并判断它是否为奇数。如果是奇数,则返回 true
;否则返回 false
。当调用 isOdd
函数时,返回值 true
被赋给变量 result
,并通过 console.log
输出。
控制台打印
总结
return
语句用于从函数中返回一个值。把控制权返回给页面;return true
语句用于返回布尔值true
,表示函数执行成功或满足某个条件。返回正确的执行结果;return false
语句用于返回布尔值false
,表示函数执行失败或不满足某个条件。终止事件的默认行为,比如阻止冒泡,阻止提交表单。