【退役之重学前端】关于对编程本质的回忆、理解和梳理

理论准备-

  1. 编程的本质,就是对内存中数据的访问和修改。程序所用的数据都会保存在内存中。(《疯狂java第四版》李刚 第49页 )
  2. 字节(byte),字节是计算机存储中的基本单位,由8位二进制数字组成,用于存储单个字符和小的数据单元。在计算机中所有的数据都以字节的形式存储和处理。(AI)
  3. 现代计算机中常以字节数来描述容量的大小,因为一节字节已被定义为8位二进制代码,故用字节数便能反映主存(即内存)容量。(《计算机组成原理第三版》唐溯飞 第17页)。
  4. 比特(bit),来源于binary digit, 意思是一个"二进制数字",因此一个比特就是二进制数字中的一个1或0。(《计算机网络第七版》谢希仁 第21页)
  5. 由第二点和第四点可知,1字节 = 8比特

现在我们来看 JavaScript 中最简单的一条语句,编译器是怎么处理的

javascript 复制代码
var foo = 5;

编译器做的第一件事情,是把它分解成token,然后编译成变量树(作用域链或作用域树)。

当编译器进入到代码生成阶段,它会这样做:

遇到var foo,编译器会向scope查询,看在这个特定的作用域内foo变量是否存在,如果存在,编译器将会忽略这个声明继续执行。否则,编译器会让scope在这个作用域中声明一个叫做foo的新变量,如果不是严格模式的话。

然后编译器生成代码来供引擎稍后执行,以处理foo=5赋值。代码引擎将首先询问scope,是否在当前作用域内能访问到一个叫做foo的变量。如果有,引擎会使用这个变量,如果没有,引擎将会在其他地方查找(将会在之后被覆盖)。

Javascript --- How the Engine Compiles?

Osman Akar

medium.com

在内存中是如何表现的呢?

JavaScript引擎使用作用域树来管理变量,作用域树存储在给JavaScript引擎分配的内存中,而变量值则存储在计算机的内存中。

javascript 复制代码
var foo = 5;

根据以上所述,笔者推论:值(5)存储在计算机的内存中,foo变量存储在作用域树中,并且foo存储的是值(5)所在内存块的地址。

相关推荐
heyCHEEMS19 分钟前
切页回来组件消失了?一个浏览器渲染机制引起的容器高度坍塌 bug
前端·浏览器
张元清20 分钟前
React scrollIntoView + useRef:滚动到指定元素 (2026)
javascript·react.js
iaku20 分钟前
Prompt 不是玄学:写给前端的 Prompt 工程指南
前端·人工智能
爱丶不疚20 分钟前
在 dsh 仓库里扒到的宝藏工作流:详解 .agents/notes 决策沉淀系统
前端·agent·vibecoding
喜欢睡觉25 分钟前
从"送花"讲懂 JavaScript:对象、数据类型与代理模式
前端
渣波26 分钟前
NestJS 企业级后端架构实战:从核心代码到工程化思维的深度重构
前端·typescript·nestjs
BreezeJiang27 分钟前
别再背工厂模式了:NestJS 第一行代码就是它的工业级落地
前端·javascript
光影少年27 分钟前
RN 常见性能问题:JS卡顿、UI卡顿、桥接通信耗时
前端·react native·react.js
liuxiaocheng29 分钟前
文本生成的进阶:generateText / streamText 里迟早会撞上的东西
前端·后端·ai编程
渣波36 分钟前
深度解析工厂模式:从蜜雪冰城到 NestFactory,彻底搞懂“创建与使用分离”
前端·javascript