Javascript 与 console.log 混淆 - 初学者 Q

Question

在我的 Springboard 课程中，我的讲师在他的 Web 浏览器控制台中显示了以下内容： https://i.stack.imgur.com/cZ0f4.png

我希望在浏览器控制台中显示相同的结果，但这就是我得到的： https://i.stack.imgur.com/vqtbF.png

为什么在他的代码中，他能够在没有console.log的情况下在控制台中显示一些东西？ 当我尝试这样做时，控制台中没有任何内容。 另外，为什么我得到一个 1 而不是“你是最糟糕的:(”？

我只参加了几天的课程，并且仍在尝试掌握console.log以及使用 HTML 和 JavaScript 时 VS 代码如何连接到 web 浏览器。

Answer 1

为什么在他的代码中，他能够在没有 console.log 的情况下在控制台中显示一些东西？

diss function 会有console.log，这就是为什么它在控制台打印

当我尝试这样做时，控制台中没有任何内容。 另外，为什么我得到一个 1 而不是“你是最糟糕的:(”？

这是因为您正在打印 setTimeout 的返回， setTimeout的返回将是正 integer，在您的情况下为 1，这就是您在控制台中看到它的原因。

你的导师和你的代码是有区别的。

请参阅讲师代码行 38-40 没有 console.log

但是您在 8-10 中的代码有 console.log

这使得 output 中的差异

Answer 2

您在屏幕截图中看到的代码行是函数。 您的讲师将 function 称为“greet()”两次，一次称为“diss()”。

函数只是可以通过关键字运行的代码块，在本例中为“greet()”或“diss()”。 程序员使用它们来使复杂的代码更易于阅读。

查看屏幕截图，您可以看到问候语右侧显示“app.js:2”，diss 右侧显示“app.js:6”。 如果您查看代码中的这些行，您会看到缺少的 console.log() 语句。