javascript - 使用 return 关键字而不是仅使用 console.log 函数并仅传递参数有什么区别？

Question

我看过一个教程，其中他制作了一个接受任何数字作为参数的 square() 函数。他做的函数是这样的:

function square(number) {
   return number * number;
};

let number = square(2);
console.log(number);

我尝试通过在函数本身中使用 console.log 来实现相同的功能，如下所示:

function square(number) {
   console.log(number * number)
};

square(2);

两种代码都有效，但我不知道两者之间的区别。您能否向我解释一下使用这两种方式的问题是什么？或者更好的是，请提供任何我可以使用的关于我的查询的阅读 Material 。

Answer 1

通过使用 return 关键字，您可以将数据发送回函数的原始调用者。例如，让我们考虑一下您的两个代码块:

function square(number) {
   return number * number;
};

const sq = square(5);
console.log(sq); // 25

现在，考虑我们是否在函数内部调用 console.log:

function square(number) {
   console.log(number * number)
};

const sq = square(5);
console.log(sq); // undefined

什么是 return 语句让我们可以让函数像调用和响应一样:提出问题，得到答案。当您需要更复杂的代码时，这会很有用。例如，这是一个与平方数相加的示例。

function square(number) {
   return number * number;
};

const a = square(5);
const b = square(10);

console.log(a + b);

这种操作用以前的函数是不可能的