JavaScript中函数内console.log()与return的使用场景辨析

问题1：为什么示例函数不需要return语句？console.log()是否有类似作用？ #

这个函数的核心职责就是在控制台输出内容，不需要向调用它的代码传递任何数据，所以完全不需要return语句。

console.log()和return是完全不同的两个东西：

• console.log()是输出行为：它只负责把内容打印到控制台，不会给函数的调用者返回任何有效数据（它自身的返回值是undefined）。
• return是数据传递机制：它的作用是让函数向调用它的位置传递一个值，和控制台输出没有任何关联。

问题2：为什么直接调用reusableFunction();而非console.log(reusableFunction());？何时用第二种方式？ #

因为reusableFunction内部已经包含了console.log()的输出逻辑，直接调用就会触发打印操作。如果用console.log(reusableFunction())，流程会变成：

1. 执行reusableFunction()，此时控制台已经打印了"Hi World"
2. 把reusableFunction()的返回值（默认是undefined）再传给console.log()打印，控制台会多输出一个undefined，完全是冗余操作。

只有当函数本身没有输出逻辑，仅通过return返回一个需要查看的值时，才需要用console.log()包裹函数调用。比如：

function getGreeting() {
  return "Hi World";
}
// 函数内部无输出，需通过console.log查看返回值
console.log(getGreeting()); // 控制台打印"Hi World"

明确使用场景 #

用return的场景

• 函数需要生成一个数据，供后续代码使用（比如赋值给变量、作为参数传给其他函数）时，必须用return返回该数据。
• 需要提前终止函数执行时，可使用return;（无返回值）。

用console.log()的场景

• 需要把某个值（变量、返回值、字面量）输出到控制台用于调试或展示时，使用console.log()。
• 如果函数的职责就是输出内容到控制台，直接在函数内部写console.log()，调用时直接执行函数即可。

用console.log(函数调用)的场景

• 函数通过return返回了值，但内部没有自行输出，你需要在控制台查看这个返回值的时候。

内容的提问来源于stack exchange，提问作者Matthew Walton