JavaScript 函数返回语句

Javascript教程 2025-10-21

当你开始学习 JavaScript 时,你很快就会意识到函数无处不在。通过添加return,函数就不再只是执行指令,而是返回有意义的数据。

在本指南中,我们将分解 JavaScriptreturn语句,解释其工作原理,并探索您可以在项目中使用的实际示例。

让我们深入了解一下……

JavaScript 中的 return 语句是什么?

在 JavaScript 中,您可以使用 return 将函数中的值返回给调用它的代码。

句法:

function functionName() {return value;}

例子:

function add(a, b) {
  return a + b;
}
let sum = add(6, 4);
console.log(sum); // Output:10

语句 return a + b; 返回计算结果,我们将其分配给 sum 变量。

return 语句在函数中如何工作

一旦 JavaScript 命中函数内的 return 语句:

  • 它评估返回后的值。

  • 它将该值发送给调用者。

  • 它终止该函数,阻止进一步的语句运行。

提前停止的示例:

function testReturn() {
  return "A returned";
  console.log("You will never see this");
}
console.log(testReturn());// Output: "A returned"

同一函数中 return 之后的任何内容都不会运行。

返回值 vs 无返回值

JavaScript 中省略返回语句的函数将始终返回未定义。

function noReturn() {
  console.log("I something was log");
}
let result = noReturn();
console.log(result); // Output: undefined

返回多个值

JavaScript 函数不能直接返回多个单独的值,但可以返回数组或对象来将数据捆绑在一起。

数组示例:

function getCoordinates() {
  return [50.7128, -84.0060];
}
let [lat, lng] = getCoordinates();
console.log(lat, lng); // Output: 50.7128 -84.0060

带有对象的示例:

function getUser() {
  return { name: "Wisdom", age: 30 };
}
let user = getUser();
console.log(user.name); // Output: Wisdo

早期返回技术

提前返回是指在到达结束之前退出函数,通常用于处理无效输入或特殊情况。

function divide(a, b) {
  if (b === 0) {
    return "Error: Division by zero";
  }
  return a / b;
}
console.log(divide(20, 0)); // Output: Error: Division by zero

退货常见错误

  • 忘记块状箭头函数中的 return

// Wrong
const multiply = (a, b) => { a * b };
console.log(multiply(4, 3)); // undefined
// Correct
const multiply = (a, b) => { 
  return a * b 
};
  • 期望代码在返回后运行,但它不会运行。

真实案例:计算折扣

function calculateDiscount(price, percentage) {
  return price - (price * percentage / 100);
}
let finalPrice = calculateDiscount(100, 10);
console.log(finalPrice); // Output: 90

常见问题 (FAQ)

问题 1:如果在 JavaScript 中省略函数的 return 语句,会发生什么情况?答:默认情况下
会返回。问题 2:一个函数可以返回另一个函数吗?答:是的,函数是 JavaScript    中的“一等公民”。问题 3:return 会停止函数执行吗?答:是的,return 之后的任何代码都将被忽略。undefined



关键要点

  • return将值从函数发送回给调用者。

  • 不返回 undefined 的函数return

  • 您可以使用return对象或数组来模拟多个值。

  • 尽早返回有助于获得干净、可读的代码。

结论

掌握 JavaScriptreturn语句将使你的函数更强大、更易复用、更易于理解。无论你是计算值、处理数据,还是返回其他函数,return    都是你作为开发人员每天都会用到的基本概念。