Philip

Philip's blog

0%

how-to-run-javascript

Posted on Edited on In
Symbols count in article: 363 Reading time ≈ 1 mins.

如何运行 JavaScript

运行JavaScript代码有很多方式，以下总结四种方式：

  • 使用html运行
  • 使用浏览器控制台运行
  • 使用Node.js REPL(Read-Eval-Print Loop)交互式运行
  • 使用Node.js运行JavaScript文件
  • 使用编辑器运行

使用html运行

在html文件中，使用<script>标签引入JavaScript文件，然后在浏览器中打开html文件即可运行JavaScript代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Run JavaScript</title>
</head>
<body>
  <script type="text/javascript">
    console.log('Hello, world!');
  </script>
</body>
</html>

使用浏览器控制台运行(Chrome)

在浏览器中打开网页，然后按F12(Windows)或者Ctrl+Shift+I(Mac)打开控制台，输入JavaScript代码即可运行。

使用Node.js REPL交互式运行

在终端中输入node命令，进入Node.js REPL环境，然后输入JavaScript代码即可运行。

1
2
3
4
$ node
> console.log('Hello, world!');
Hello, world!
undefined

使用Node.js运行JavaScript文件

在终端中输入node命令，后面跟上JavaScript文件路径，即可运行JavaScript文件。

1
2
$ node index.js
Hello, world!

使用编辑器运行

  • VS Code可以使用Code Runner插件运行JavaScript文件，安装插件后，右键点击文件，选择Run Code即可运行。
  • WebStorm可以直接右键点击文件，选择Run即可运行。

今天有幸了解到了另外一个IED，Komodo，主要是针对Python和Perl的，但是也支持JavaScript，有空下载来试试。