理解JavaScript函数返回值：如何正确获取函数输出-js教程-PHP中文网

理解JavaScript函数返回值：如何正确获取函数输出

DDD

发布： 2025-12-02 14:11:40

原创

617人浏览过

理解JavaScript函数返回值：如何正确获取函数输出

在javascript中，return语句用于从函数中返回一个值，使其可供调用者使用，但这与直接在控制台打印输出的console.log()不同。要获取并利用函数的返回值，需要将函数调用的结果赋给一个变量，然后才能对该变量进行后续操作或显示。

JavaScript函数返回值机制

在JavaScript中，函数是执行特定任务的代码块。当函数完成其任务后，它通常会产生一个结果。return语句是函数向其调用者提供这个结果的方式。当JavaScript解释器遇到return语句时，它会立即停止当前函数的执行，并将return关键字后面的表达式的值作为函数的最终结果返回给调用它的地方。

重要的是要理解，return语句本身并不会在控制台打印任何内容。它仅仅是“交出”一个值。如果希望看到这个值，需要在函数外部显式地进行打印或其他操作。

如何正确获取函数返回值

要获取一个函数的返回值，你需要将函数调用的结果赋值给一个变量。这个变量将存储函数通过return语句返回的值。

考虑以下一个合并并排序两个数组的函数示例：

立即学习“Java免费学习笔记（深入）”；

Weights.gg

多功能的AI在线创作与交流平台

3352

查看详情

var merge = function(nums1, m, nums2, n) {
  let hasil = [];
  // 将 nums1 的前 m+1 个元素添加到 hasil (根据原始循环条件 i <= m)
  for (let i = 0; i <= m; i++) {
    const element = nums1[i];
    hasil.push(element);
  }
  // 将 nums2 的前 n+1 个元素添加到 hasil (根据原始循环条件 j <= n)
  for (let j = 0; j <= n; j++) {
    const element2 = nums2[j];
    hasil.push(element2);
  }
  // 使用比较函数确保数字正确排序
  let jawaban = hasil.sort((a, b) => a - b); 
  return jawaban; // 返回排序后的合并数组
};

登录后复制

如果直接调用这个函数而不捕获其返回值，就像这样：

merge([1, 2, 3], 1, [5, 9, 2], 2);
// 此时，函数执行完毕，返回了结果，但我们没有接收它。
// 如果函数内部没有 console.log，控制台将不会有任何输出。

登录后复制

为了获取并使用merge函数返回的结果，我们需要将其赋值给一个变量：

var merge = function(nums1, m, nums2, n) {
  let hasil = [];
  // 根据参数 m (索引)，从 nums1 中提取元素
  // 示例 merge([1, 2, 3], 1, ...)，m=1，将提取 nums1[0] 和 nums1[1]
  for (let i = 0; i <= m; i++) {
    const element = nums1[i];
    hasil.push(element);
  }
  // 根据参数 n (索引)，从 nums2 中提取元素
  // 示例 merge(..., [5, 9, 2], 2)，n=2，将提取 nums2[0]、nums2[1] 和 nums2[2]
  for (let j = 0; j <= n; j++) {
    const element2 = nums2[j];
    hasil.push(element2);
  }
  // 对合并后的数组进行数字排序
  let jawaban = hasil.sort((a, b) => a - b); 
  return jawaban;
};

// 调用函数并将返回值赋给一个变量
let result = merge([1, 2, 3], 1, [5, 9, 2], 2);

// 现在，可以通过 console.log 打印 result 变量来查看函数输出
console.log(result); 
// 根据 merge([1, 2, 3], 1, [5, 9, 2], 2) 的调用：
// nums1 提取 [1, 2] (因为 m=1)
// nums2 提取 [5, 9, 2] (因为 n=2)
// 合并后为 [1, 2, 5, 9, 2]
// 排序后预期输出: [1, 2, 2, 5, 9]

登录后复制

console.log() 与 return 的区别

console.log(): 它的主要作用是将信息打印到开发者的控制台，用于调试或显示程序运行时的状态。它不影响函数的返回值，即使函数中包含console.log()，函数也可能不返回任何值（如果缺少return语句，则默认返回undefined）。
return: 它的主要作用是终止函数的执行，并将一个值传递回函数被调用的地方。它不负责在控制台显示任何内容。

在上述merge函数的原始代码中，如果函数内部同时有console.log(jawaban)和return jawaban，那么console.log会在函数执行过程中直接打印结果到控制台，而return则会将结果传递出去。但通常，为了保持函数的“纯粹性”（即函数只负责计算并返回结果，不产生副作用），我们会将console.log放在函数外部，用于显示由函数返回的值。

注意事项与最佳实践

捕获返回值： 始终记住，如果你需要使用函数计算出的结果，必须将其赋值给一个变量。
函数纯粹性： 尽量避免在函数内部使用console.log来显示最终结果，除非其主要目的是调试。一个“纯”函数应该只依赖其输入参数，并返回一个结果，不产生其他副作用。
默认返回值： 如果一个函数没有return语句，或者return语句后面没有跟任何表达式，那么函数将默认返回undefined。
循环条件： 在处理数组时，循环条件i <= m或j <= n通常意味着会访问m+1或n+1个元素。请根据实际需求（例如，m和n代表数组的有效长度，还是最后一个有效索引）来调整循环条件，以避免数组越界或逻辑错误。