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

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

可以这样理解:

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

相关链接

相关推荐
阿蒙Amon3 小时前
TypeScript学习-第7章:泛型(Generic)
javascript·学习·typescript
睡美人的小仙女1273 小时前
Threejs加载环境贴图报错Bad File Format: bad initial token
开发语言·javascript·redis
fanruitian3 小时前
uniapp android开发 测试板本与发行版本
前端·javascript·uni-app
摘星编程4 小时前
React Native + OpenHarmony:Timeline垂直时间轴
javascript·react native·react.js
2501_944525545 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 支出分析页面
android·开发语言·前端·javascript·flutter
jin1233225 小时前
React Native鸿蒙跨平台完成剧本杀组队详情页面,可以复用桌游、团建、赛事等各类组队详情页开发
javascript·react native·react.js·ecmascript·harmonyos
经年未远6 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
刘一说6 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
可触的未来,发芽的智生7 小时前
狂想:为AGI代称造字ta,《第三类智慧存在,神的赐名》
javascript·人工智能·python·神经网络·程序人生
徐同保7 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js