先说个大概，V8到底干了啥

说实话，V8 就像个勤快的小工。

你写一段 JavaScript，V8 把它拆成词法单元，再拼成抽象语法树，

接着交给 Ignition 解释器跑字节码。

这一步hen快，Neng让页面立马渲染出来。

可是字节码跑起来慢，热点函数一遍遍被调用时TurboFan 就会跳出来把它们编译成机器码。

所以整体流程就是： 源码 → Token → AST → 字节码→ JIT 编译→ 机器码执行。

词法分析——把代码切成“积木”

词法分析器把你的代码拆成Zui小有意义的块儿，叫 Token。

比如 let a = 1; 会变成四个 token：leta=1。

这个过程不管你写得对不对，只负责“切词”。

AST 与 Ignition——先跑个小步子

Token 再喂给语法分析器，生成一棵 AST。

AST 就像代码的骨架，你Ke以在上面Zuo各种转换，比如 Babel 插件。

AFAIK，这一步完成后 V8 会把 AST 交给 Ignition。

Ignition 把 AST 编译成字节码，然后马上执行。

好处是启动快，不用等编译完就Neng渲染页面。

TurboFan——把热点变速车

当函数被频繁调用时Ignition 会记录下来。

TurboFan kan见“热度”，就把对应的字节码重新编译成优化后的机器码。

这一步会Zuo类型假设，比如假设某个参数一直是整数。

Ru果后面出现了字符串之类的，就会触发去优化，回退到字节码继续跑。

隐藏类和内联缓存——属性访问的加速器

对象属性在 V8 里有隐藏类。

只要属性添加顺序保持一致，所有实例共享同一个隐藏类，属性偏移量就固定了。

于是 V8 Neng用内联缓存直接拿偏移量读写属性，速度嗖嗖的。

// ✅ 好例子
class Point {
    constructor {
        this.x = x; // x first
        this.y = y; // y second
    }
}
let p1 = new Point;
let p2 = new Point; // 同隐藏类
// ✅ 属性访问超快
console.log;
console.log;

垃圾回收——从堆里挑剩饭菜

V8 把堆分成新生代和老生代两块地儿。

新生代

Scavenge

S​cavenge 用复制算法，把活着的对象搬到另一半空间，然后一次性清掉整块死区。速度飞快，但会产生内存碎片，所以经常来回搬家。

M​ark‑Sweep/Compact

P​标记阶段从根对象出发，把可达对象全标记；Sweep 阶段把未标记的对象删掉；Compact 阶段再把存活对象往一边挤，把碎片清光光。

A 小技巧：让 GC geng省心

// ✅ 对象池复用
const pool = ;
function acquire {
    return pool.length ? pool.pop : {x:0,y:0};
}
function release {
    obj.x = obj.y = 0;
    pool.push;
}

为什么百度不收录？🤔

"咱就是说我的网站用了 SPA 框架，内容dou是通过 JS 动态渲染的。"

"说实话，这种情况百度爬虫往往只Nengkan到Zui初的空 HTML。"

No SSR / Pre‑rendering.

"害，那怎么办？"

Sitemap + 渲染服务.

"对啊，还Ke以在服务器端预先渲染出完整页面让爬虫直接抓到内容。"

内存泄漏常见场景与排查 # 定时器忘记清理

// ❌ 漏洞示例
setInterval => {
    const data = fetchBigData;
    process;
}, 1000);
// ✅ 正确姿势
const timer = setInterval => {/*...*/}, 1000);
clearInterval; // 在合适时机停止

# 闭包持有大对象

// ❌ 闭包泄漏
function createHandler {
    const big = new Array.fill;
    return  => console.log;
}
const h = createHandler; // big 永远不会被 GC
// ✅ 改进
function createHandler {
    const len = 1e6;
    return  => console.log;
}

性Neng监控小工具推荐

C​hat DevTools → Memory 面板拍快照比对.

P​erformance Monitor 实时kan heap size.

小感想——别忘了玩得开心呀！😄

总而言之，V8 的执行链路就像一条流水线：

S​ource → Token → AST → Bytecode → JIT → Machine Code.

Ehhh，不对不对，我说错了是先走解释器，再走编译器，两者配合才让页面又快又稳。

了解这些底层细节，其实就是为了写出geng高效、geng靠谱的代码呀！哈哈，你下次写循环或者创建对象的时候，就想想隐藏类和内联缓存有没有帮忙，加点儿小技巧，让 V8 给你省点儿时间吧！懂吗？你懂的~

© 前端老友记 • 不正经技术分享 • 保持好奇心 🚀 )

---