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

Question

_{这个问题刚才被问过,但被巨魔关闭了.我重新打开的尝试失败了,所以我再次提出同样的问题,提供一个有用的答案.}

运行Javascript代码的标准过程是什么？我正在学习JavaScript,但我的教程对如何运行代码没有任何意义.

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

Answer 1

没有标准的运行JavaScript代码的方法.

一点背景:

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

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

基本上,这些是您的选择:

在浏览器中运行

如果你需要一个DOMdocument,或者一个或其他特定于浏览器的对象alert,你应该在浏览器中运行你的代码.如果你不确定我在说什么,那么你也应该使用这种方法.

或

• 在您的计算机上创建一个HTML文件
  • 把你的脚本直接放在里面:<script>alert('Hello world')</script>(quick'n'dirty方法),或者
  • 创建一个单独的JS文件并包含它如下: <script src="myscript.js"></script>

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

要么

• 使用JSFiddle,JSBin或CodePen等在线服务.此类服务提供了一种与他人共享代码的简便方法.

要么

• 在浏览器控制台中输入您的代码.点击F12IE和Chrome(⌘+ ⌥+ I用于Chrome/Mac),或Ctrl+ ⇪+ K用于Firefox(⌘+ ⌥+ K用于FF/Mac),然后将代码放入控制台.点击⏎运行它或⇪+ ⏎表示换行符.
  
  如果您只有很少的代码并且不想保存它,则此方法主要适用.

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

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

在命令行中运行

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

• 将代码保存到文件,然后打开终端或命令提示符,然后输入node myprogram.js.使用console.log产生输出.

要么

• node像在浏览器控制台中一样以交互方式运行和输入代码.

高级方法:运行"无头"浏览器(没有GUI)

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

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

在IDE中运行

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

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