执行JavaScript代码的标准方法是什么？

Question

_{这个问题had been asked a while ago，但被巨魔关闭了。我重新打开的尝试失败了，所以我再次提出同样的问题，提供了一个有用的答案。}

运行Javascript代码的标准程序是什么？我正在学习JavaScript，但我的教程没有说明如何运行代码。

人们通常是在文本编辑器中编写代码并粘贴到浏览器控制台吗？

Answer 1

没有标准的运行JavaScript代码的方式。

一点背景知识：

JavaScript was originally旨在在浏览器中运行。回到过去，JS开发很痛苦。您必须将大量alert混合到您的代码中，并祈祷您以某种方式找到相关信息。然后，在浏览器中点击F5并等待弹出的内容。后来，Firebug出现了，提供了一个交互式控制台和体面的调试器。每个人都使用它，没有别的选择。现在，浏览器供应商已经在浏览器本身中找到了有用的调试工具。

此外，还出现了几个JavaScript执行环境和大量工具。您可以自由使用其中任何一种，但您的选择很可能取决于您的代码。

基本上，这些是您的选择：

在浏览器中运行

如果您需要DOM，因此需要document或其他特定于浏览器的对象，例如alert，则应在浏览器中运行代码。如果您不确定我在说什么，那么您也应该使用这种方法。

无论

• 在您的计算机上创建一个HTML文件
  • 将您的脚本直接放入：<script>alert('Hello world')</script>（quick'n'dirty方法）或
  • 创建一个单独的JS文件，并将其包含在内：<script src="myscript.js"></script>

然后，在您选择的浏览器中打开HTML文件。

或者

• 使用JSFiddle，JSBin或CodePen等在线服务。这些服务提供了一种与他人共享代码的简便方法。

或者

• 在浏览器控制台中输入您的代码。在IE和Chrome中点击 F12 （对于Chrome / Mac，⌘ + ⌥ + I ）或在Firefox中按Ctrl + ⇪ + K （⌘ + ⌥ + K for FF / Mac），并将您的代码放入控制台。按⏎运行它或⇪ + ⏎进行换行。
  
  如果您只有很少的代码并且不想保存它，则此方法主要适用。

_{可以说，Chrome的DevTools提供了最先进的功能，而IE的F12工具远远落后于其他浏览器。}

• 一个鲜为人知的替代方案是Firefox's Scratchpad，可以通过⇪ + F4 打开。这是为了输入更大的代码片段而设计的，并提供Open和Save等扩展功能。

在命令行中运行

如果您不需要任何HTML文档（例如，您想要编写没有UI的Fibonacci数字生成器），您可以使用Node.js之类的命令行工具。还有其他选择，如Rhino，但现在，Node.js是最受欢迎和最复杂的工具。

• 将代码保存到文件中，然后打开终端或Command Prompt，然后输入node myprogram.js。使用console.log生成输出。

或者

• 运行node并以交互方式输入您的代码，就像在浏览器控制台中一样。

高级方法：运行“无头”浏览器（没有GUI）

为了完整起见，我提到了这一点。除非你有使用JS的经验，否则不要使用它。

您实际上可以在控制台中运行浏览器。没有用户界面，一切都在黑暗中运行，但它是一个真正的浏览器。我说的是PhantomJS，它主要用于自动化测试。如果你知道我在说什么，你可能有足够的经验让我想知道为什么你还在读这个。同样，这是一种先进的方法。初学者，继续前进！

在IDE中运行

现代IDE可能带有JS引擎/调试器。 JS开发没有标准的IDE *，因此请参阅您喜欢的IDE的手册以获取更多信息。

* _{您的搜索灵感：WebStorm，NetBeans，Eclipse，Sublime Text，...}