打开javascript文件-运行 JavaScript 代码的两种方法

“这是我参加11月更新挑战的第30天,活动详情请查看:2021最后更新挑战”

如果我们有一个 .js 文件,其中编译了一些 JavaScript 代码打开javascript文件,我们如何执行它? 我们至少有两个选择:

例如我们在01_learn_node目录下新建01_JavaScript代码运行文件夹打开javascript文件,并在该文件夹下新建index.js文件。 文件内容如下:

console.log('Hello world!');
function sum(num1, num2) {
  return num1 + num2;
}
console.log(sum(20, 30));
console.log(sum(20, 30));
console.log(sum(20, 30));
console.log(sum('aaa', 'bbb'));
setTimeout(() => {
  console.log('定时器被执行了');
}, 1000);

我们很早就知道,编写 JavaScript 代码后,我们需要一个 JavaScript 引擎来执行它。 有很多引擎可供选择,所以我们选择V8引擎,Chrome浏览器中就有V8引擎。 所以,我们可以将这段JS代码嵌入到网页中,然后让浏览器通过V8引擎帮我们执行这段JS代码。

1.在浏览器中借助V8引擎执行JavaScript代码

打开javascript文件-运行 JavaScript 代码的两种方法

如果我们想把代码交给浏览器执行:

我们可以新建一个index.html文件,通过script标签导入js文件。 项目目录和index.html内容如下:

打开javascript文件-运行 JavaScript 代码的两种方法

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
	
  <script src="./index.js"></script>
</body>
</html>

这样,当浏览器加载网页文件index.html时,在解析HTML的过程中,遇到script标签就会加载对应的JS文件,然后通过V8引擎执行该JS文件浏览器。 代码。 这样我们就可以在浏览器的控制台页面看到JS代码的运行结果:

2.在node中使用V8引擎执行JavaScript代码

上面提到了如何在浏览器中使用V8引擎来执行JavaScript代码,那么如何让node执行JavaScript代码呢?

如果我们想把js文件交给node去执行:

打开javascript文件-运行 JavaScript 代码的两种方法

我们可以在VS Code中打开终端(Terminal -- New Terminal)(这里使用的编辑器是VS Code,其他编辑器中的操作类似),先切换到01_JavaScript代码的运行目录,然后运行node index .js 订单:

可见只有JS代码才能执行成功。

下面解释一下上面的nodeindex.js命令:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript 打开javascript文件-运行 JavaScript 代码的两种方法 https://www.wkzy.net/game/162124.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务