运行 JavaScript 代码的三种方式

最新推荐文章于 2024-05-03 14:38:38 发布

weixin_33898876

最新推荐文章于 2024-05-03 14:38:38 发布

阅读量1.2k

点赞数 1

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5b66a4afe51d4519610e3faf

版权

JavaScript 作为一门解释性语言，它的源代码不需要编译，而是在运行中被解释。所以，JavaScript 的代码可以很方便的运行和调试。

这里介绍三种平时可能用的到的调试代码的方式。

向 HTML 页面中嵌入 JavaScript 代码，就是使用 <script> 标签元素。这种方式适合代码块的测试:

<!DOCTYPE html>
<html>
	<body>
		<script>
		    function say() {
				alert("Hello World!");
			}
			say();
		</script>
	</body>
</html>
复制代码

这是在 HTML 中运行 JavaScript 代码的最小单位，如果要测试其它代码只需要替换 <script></script> 中的内容即可。

如果是单独的 JavaScript 文件，<script> 标签也是可以引用的，只需用 src 属性指向文件所在的位置即可。

<script src="example.js"></script>
复制代码

如果 <script> 标签包含外部文件，那么标签内的代码就会被忽略。

另外，通过 <script> 标签的 src 属性还可以包含来自外部域的 JavaScript 文件，引用完整的 URL，例如：

<script src="http://www.domain.com/example.js"></script>
复制代码

Chrome 浏览器使用 V8 引擎解析 JavaScript。快捷键 option + command + j 可打开 Console 控制台。

这是一个交互式的命令行，在断点时，可查看变量的值。也可以执行 JavaScript 的代码:

不过，只能在单行定义，回车会执行这行代码。

这种方式非常适合对 JavaScript 语法的验证，比如验证 null 和 undefined 的关系。

在服务端执行的 JavaScript 代码被称为 Node.js，它同样也是 V8 引擎解析的，有两种安装方式：

安装完成后，在终端中输入 node 即可进入 Node 交互式环境。功能同在 Chrome 中的 Console 类似。

example.js 目录下使用 node example.js 命令，可直接执行文件。

不同的是，交互式的命令会将每一行代码的执行结果打印出来，而执行文件却不会。

关注公众号获取最新推送~

转载于:https://juejin.im/post/5b66a4afe51d4519610e3faf

关注