设置我们JavaScript设置的开发环境

你想设置一个用于编写Java脚本的开发环境，对吧？我们会在接下来的笔记中写一些JavaScript代码，所以我们需要一个开发环境。那么我们需要选择哪种开发环境呢？

通常情况下，对于像Java或C#这样的语言，你需要进行一些安装，对吧？你需要下载Java或某个运行时环境，并设置好路径等等。但幸运的是，在这门课程中你不需要这样做。我几乎可以保证，你的桌子或笔记本已经安装了JavaScript开发环境。你能猜到是什么吗？没错，就是浏览器。就像我告诉过你的那样，网页浏览器就是可以用来运行JavaScript的运行环境，所以任何一个浏览器都可以。

一般人可能会选择谷歌浏览器，但我使用Firefox。至少我会用这个。你也可以用其他浏览器跟着学，但我选择Firefox是因为它有一些非常方便的工具，尤其是在编写这些脚本并执行它们时。让我演示一下如何操作。

首先，下载并安装Firefox。你可以去它的官网或者直接谷歌搜索Firefox，下载安装程序，安装完成后打开应用程序，点击打开，你会看到一个名为“Develop”的选项，点击它，然后点击“Debugger Tools”。

这会打开Firefox的开发工具。大多数现代浏览器今天都自带了一些开发者工具，所以在浏览器中会有一个选项可以打开开发者工具，这在几乎所有浏览器中都有吧？

开发者工具可以让你查看正在呈现的页面，你可以查看导致页面呈现的HTML，也可以查看一些与之相关的JavaScript，你可以调试JavaScript，并且添加新的JavaScript命令，你可以在浏览器中运行JavaScript代码。所以我们将使用Firefox作为我们的开发环境，对吧？我们会使用Firefox来编写我们的JavaScript代码，并且我们会使用它来运行。所以我们不会去编写一个页面。好吧，我们不会写HTML页面，我们会从Firefox启动的空白页面开始。但我们会写JavaScript，如果我们要执行，Firefox有执行任意JavaScript语句的功能。那么在Firefox中运行JavaScript的第一种方式是使用控制台，好的，在开发者工具中有一个控制台选项，你会看到一些选项卡，比如Inspector、Console、Debugger等等。点击Console

好的，这样你就会得到一个窗口，里面有一个类似提示符的东西，你可以在这里输入命令，然后它会执行。对吧？所以我将输入一个简单的命令console.log，并让我解释一下这是什么意思。下面的内容就跟着走。找到了吗？然后呢？然后你按下了回车。你看到这里发生了什么？这里就是打印出来的内容。好的，打印在控制台上了。好的，还有一个单一的undefined，忽略它。那是什么意思？但你所做的就是通过这个语句执行了JavaScript。所以console是一个全局对象，可供你使用，log是该对象的一个方法。如果你熟悉C++或Java，这个东西应该很熟悉，对吧？就是对象.方法，方法接收一个参数，这个参数是一个字符串，而这个方法的作用是将你传入的参数打印到控制台上。好吧？这就是为什么hello world被打印出来的原因。好的，这是在Firefox中运行JavaScript的一种方式。

还有另一种方式。就是使用一个叫做Scratch Pad的东西。在菜单中打开开发者选项，你会看到一个名为Scratch Pad的条目。

点击它，你会得到一个新窗口。好的，你看到了，这就是Scratch Pad窗口。现在看看这里的注释。你应该对注释很熟悉，对吧？这就是在C++、Java或C#中编写注释的方式。注释说这是一个JavaScript Scratch Pad，在右边输入一些JavaScript，或者从执行菜单中选择执行。你可以通过在这里输入JavaScript来执行。让我清除这些注释，然后我会输入相同的代码。在这里我要打印一些东西到控制台，我会说console.log再次。然后，在这里我有一个按钮叫做run，当我点击它时，hello world再次被打印在控制台上。

所以我在这里做的跟在那个提示符里执行的是一样的。但不同之处在于，如果我在提示符中键入JavaScript代码，基本上是一个接一个地执行命令。如果我在这里执行，就是一次性执行了一堆代码。所以我可以复制这个东西，然后再贴一份。然后点击运行。所以所有的东西都再次打印了一遍。一个是从第一次运行中，另一个是从第二次运行中。然后打印了"Hello JavaScript"。如果我要这样做，我就必须在控制台中输入多个命令才能让它工作。所以这就是在Firefox中运行JavaScript和编写代码的两种方式。