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

理论准备-

  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)所在内存块的地址。

相关推荐
G_G#6 分钟前
纯前端js插件实现同一浏览器控制只允许打开一个标签,处理session变更问题
前端·javascript·浏览器标签页通信·只允许一个标签页
@大迁世界21 分钟前
TypeScript 的本质并非类型,而是信任
开发语言·前端·javascript·typescript·ecmascript
GIS之路30 分钟前
GDAL 实现矢量裁剪
前端·python·信息可视化
是一个Bug33 分钟前
后端开发者视角的前端开发面试题清单(50道)
前端
Amumu1213835 分钟前
React面向组件编程
开发语言·前端·javascript
持续升级打怪中1 小时前
Vue3 中虚拟滚动与分页加载的实现原理与实践
前端·性能优化
GIS之路1 小时前
GDAL 实现矢量合并
前端
hxjhnct1 小时前
React useContext的缺陷
前端·react.js·前端框架
冰暮流星1 小时前
javascript逻辑运算符
开发语言·javascript·ecmascript
前端 贾公子1 小时前
从入门到实践:前端 Monorepo 工程化实战(4)
前端