【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 引擎的最终目的是将源代码转变为高度优化的机器码并执行,这完全符合编译型语言的核心定义。

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

可以这样理解:

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

相关链接

相关推荐
烛阴2 小时前
TypeScript高手密技:解密类型断言、非空断言与 `const` 断言
前端·javascript·typescript
样子20183 小时前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
黑客飓风3 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
YeeWang6 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip6 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构
Orange3015116 小时前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6
李明卫杭州8 小时前
CSS `clamp()` 函数详解
javascript
奶丝兔蜜柚8 小时前
栈溢出优化
javascript
小高0078 小时前
📈前端图片压缩实战:体积直降 80%,LCP 提升 2 倍
前端·javascript·面试