理解函数中的console.log()与在JavaScript中使用return?

问题描述 投票:0回答:2
I'm learning about functions in JavaScript and I'm confused about the role of `console.log()` and `return.` 
function reusableFunction() {
  console.log("Hi World");
}

reusableFunction(); 
I understand this function logs "Hi World" to the console. My questions are:
  1. 为什么这个函数不需要

    return
    语句? 我见过其他使用
    return
    来发送值的函数。
    console.log()
    正在做类似的事情吗?

  2. 为什么我们只使用

    reusableFunction();
    而不是
    console.log(reusableFunction());
    来调用函数?
    我什么时候会使用第二种调用函数的方式?

我试图理解在控制台中显示某些内容和从函数返回值之间的根本区别。您能否用清晰的示例解释这一点,并为我提供一些进一步学习的资源?

我尝试阅读 MDN、JS 和 Google Developer Docs 等文档。我什至进行了谷歌搜索并不断了解基础知识。它回答了我的问题。我只是想知道您何时知道在函数中使用 

console.log()

语句以及何时

return
然后调用该函数,就像这样
console.log()
。我了解 console.log() 是什么、return 语句是什么以及两者之间的区别。
    

javascript function return console.log
2个回答
0
投票

#2 当您编写 Console.Log(reusableFunction()) 时,您只需将这两项组合在一起。如果“reusableFunction()”返回结果(如#1 中所述),这会更有意义。在这种情况下,它实际上没有意义,因为你所说的本质是

console.log(reusableFunction())

但是,就像我提到的,这里没有返回值。现在,您仍在调用该函数,因此日志行来自 (console.log("Hi World");
) 将按预期执行。但是,这将是实现这一目标的非正统方式。

我希望这有帮助。


0
投票

为什么这个函数不需要return语句?

函数不一定需要 return 语句,除非它们应该产生一个值。原因如下:

    Log this value to the console -> {returned value from function}
  • 用于向控制台输出信息。
    它不会返回任何东西;它只是打印到控制台。
  • 仅使用 console.log() 的函数通常用于产生副作用 (如打印到控制台)。
为什么只用

console.log() 而不是

reusableFunction()
来调用函数?

    console.log(reusableFunction());
  • 调用该函数并执行其主体。
  • reusableFunction()
  • 会将函数本身作为参数传递给
    console.log(reusableFunction())
    后者很少使用,除非你特别想记录函数对象。
© www.soinside.com 2019 - 2024. All rights reserved.