【Node&Vue】JS是编译型语言还是解释型语言?

前言

目标: 看文本文,你将可以用自己的语言回答文章标题:

JS 是编译型语言还是解释型语言?

正文

一、解释型语言【Interpreted Language】初印象

直接说人话:一句句将源代码解释成机器码并执行,速度**一般(并不是肯定)**慢于编译型代码。

帮助记忆 涮火锅,涮一块肉吃一块肉。吃完再涮。涮完再吃。

二、编译型语言【Compiled Language】初印象

直接说人话:通过编译器一次性将代码翻译成机器码,然后执行。执行速度**一般(并不是肯定)**比解释型语言快。

帮助记忆 大锅煮完再一起吃。速度(一般)秒杀一块块涮。

三、更现代、更准确的理解方式

前面的两点用于对他们的初印象是没问题的,但是不够准确。这一块就是用来进行补充解释的

直接把源代码转换成机器码的"纯解释"或"纯编译"现在很少见了。大多数语言(包括 JS)都采用了一种混合模式,可以理解为 "边吃边涮"。

演进过程如下:

最初级(确实慢):纯解释

就像旧式 JS 引擎,真的是读一行代码,翻译一行,执行一行。-> 纯涮火锅

进化一步(快了一点):编译成字节码 + 解释器

引擎先把你的 JS 代码整体编译成一个中间的、抽象的"字节码"(一种更接近机器码的指令集,但不是真实 CPU 的指令)。

然后,虚拟机再解释执行这个字节码。

是的,JS 也有虚拟机。

-> 先把所有食材预处理成半成品(切好、腌好),然后再涮。涮起来更快了。

现代方式(非常快):即时编译(JIT - Just-In-Time)

这是 V8(Chrome 和 Node.js 的 JS 引擎) 等现代引擎的核心技术。它不再是简单的"解释":

第一步:编译和执行:引擎先快速地把源代码编译成【优化程度不高的机器码】,先让它跑起来。

第二步:监听和优化:引擎里有个"监视器",在代码运行时偷偷观察,找出那些被反复执行的"热点代码"(比如一个循环里的代码)。

第三步:深度优化:监视器把热点代码交给"优化编译器",编译成【高度优化、效率极高的机器码】并保存起来。

第四步:替换执行:下次再执行到这段代码时,就直接运行优化后的、超级快的机器码版本。

所以,别再简单说 JS 是"解释型语言"了。现代 JS 引擎是一个极其复杂的即时编译(JIT)系统,这使得它的性能逼近传统编译型语言。

总结

【问】 JS 是编译型语言还是解释型语言?

【答】 根据现代 JavaScript 引擎(如 V8)的工作方式,JavaScript 是一种即时编译(JIT)语言

它既【不是传统的纯解释型语言】,也【不是传统的纯编译型语言】。

V8 引擎会先将源代码快速编译成【机器码】让其执行,同时在运行时监控代码,并将"热点代码"深度优化成更高效的机器码。这种混合模式使其拥有了接近编译型语言的性能。

一句话 现代 JavaScript 通过即时编译(JIT)技术运行,它兼具编译和解释的特征,但更准确地说是编译型语言。

【追问】 既然说它兼具编译和解释的特征 ,那它为什么还是编译型语言

【回答】 因为解释只是过程,编译才是结果。

JS 引擎的最终目的是将源代码转变为高度优化的机器码并执行,这完全符合编译型语言的核心定义。

解释器只是实现这个最终目的的一个快速启动和信息收集工具。

可以这样理解:

我的【解释】,是为了更好的【编译】,所以【编译】是目的,而【解释】只是我为了更好地实现【编译】的一个手段而已.那这个语言就其本质,当然更偏向【编译】了

相关链接

相关推荐
猫头虎-前端技术20 分钟前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
一只小风华~33 分钟前
Vue: Class 与 Style 绑定
前端·javascript·vue.js·typescript·前端框架
十碗饭吃不饱1 小时前
net::ERR_EMPTY_RESPONSE
java·javascript·chrome·html5
Zz_waiting.1 小时前
Javaweb - 14.6 - Vue3 数据交互 Axios
开发语言·前端·javascript·vue·axios
切糕师学AI1 小时前
前后端分离架构中,Node.js的底层实现原理与线程池饥饿问题解析
前端·vue.js·node.js
每天吃饭的羊2 小时前
state和ref
前端·javascript·react.js
GEO_YScsn2 小时前
Vite:Next-Gen Frontend Tooling 的高效之道——从原理到实践的性能革命
前端·javascript·css·tensorflow
GISer_Jing2 小时前
滴滴二面(准备二)
前端·javascript·vue·reactjs
ningmengjing_2 小时前
webpack打包方式
前端·爬虫·webpack·node.js·逆向
摇滚侠2 小时前
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
javascript·笔记·typescript