重学前端第二季

01｜从字符到 token：为什么必须用“状态机”？ HTML 看似“人读即懂”，但对机器来说只有一串字符。浏览器要想理解它，第一步就得把这串字符分割成最小有意义单元（token）： 开始标签：<p、

简单讲：浏览器的渲染是一条“流水线” 当你敲下回车，浏览器要把一个 URL 变成屏幕上的像素，整体是这样的流式流程（前一步的产出会被下一步边接收边处理）： 网络层：发起 HTTP/HTTPS 请求，拿

TL;DR（速读版） ++/--（前后缀）在 ES2018 同一优先级；后缀返回旧值，前缀返回新值。 await 是一元运算符，优先级低于大多数一元运算，只能在 async 环境。 **（乘方）是右结

0. 什么是表达式语句？ 表达式：有值的代码片段（可被求值）。 表达式语句：一条独立的语句，其主体是表达式。 典型：函数调用、赋值、自增/自减。 也可以是“无副作用”的表达式（虽合法，但多半没意义）：

目录速览 语句的两大门类：普通语句 vs 声明型语句 普通语句全家桶与坑点 声明型语句与“预处理/提升”行为 速查清单 + 练习 1. 两大门类：普通语句 vs 声明型语句 普通语句：执行流程相关（块

先给结论（省流篇） 不加 type="module" 的 <script> 是“脚本文件（Script）” ，语法上不允许出现 import / export，所以直接报错。 加了 type="mod

“要不要写分号？”是前端圈最久经不衰的争论。 与其站队，不如把自动插入分号（ASI, Automatic Semicolon Insertion）机制吃透，知道它什么时候可靠、什么时候会坑，然后给出一

编译原理是不是高深莫测？如果你直接翻开《龙书》，很可能被一堆符号劝退。 但别慌——今天我们通过一个“小实验”，用 JavaScript 从零写一个 四则运算解释器。 这个实验会带你完整走一遍编译流程：

在日常开发中，你可能遇到过这样一个让人费解的 Bug： 这明明只是想把数字转成字符串，为什么写法不同会有天壤之别？ 别急，这背后其实是 JavaScript 词法解析在捣鬼。今天我们就从编译原理的角度

如果你写过这样的代码： 你可能会惊讶：finally 居然执行了，而且函数依然返回 0！ 更离谱的是，如果在 finally 里也写一个 return，会发生什么？ 答案是：finally 的 ret

很多前端写了多年 JS，心里可能一直觉得： 👉 “函数不就是 function 和箭头函数吗？” 真相是：在 ES2018 里，JavaScript 已经进化出至少 8 种函数形态！ 如果你只会两三种

提到 JavaScript 的“闭包”，很多人第一反应是： 👉 “函数里套函数，然后内部函数能访问外部变量”。 但真相远不止如此。今天我们要揭开的，是 闭包的本质，以及与之紧密相连的 执行上下文。 1

在面试里，有一道经典问题： 👉 为什么 Promise.then 的回调一定比 setTimeout(fn, 0) 先执行？ 很多人答不出来，只会模糊地说“事件循环”或者“异步机制”，其实根本没搞清楚

在日常开发中，我们习惯性地写： 但你有没有想过： 👉 这些对象其实不是同一种类型！ JavaScript 的对象系统比你想象的复杂得多。今天我们就来一次彻底梳理，看看 JS 世界里的对象到底分几类。

在前端江湖里，流传着一句话： 👉 “JavaScript 没有类，所以要想办法模拟类！” 于是，早期无数前端苦哈哈地写过这种“伪 OOP”代码： 但问题是：我们真的需要模拟类吗？ 1. 模拟类的历史根

在前端世界里，关于 JavaScript 的一个老生常谈的问题是： 👉 它究竟是 面向对象语言，还是 基于对象语言？ 有人说 JS 不算正统 OOP，因为直到 ES6 才有 class； 有人说 JS

你可能觉得自己很懂 JavaScript 类型——毕竟每天都在用。但你真的敢说： 为什么有的规范要求用 void 0 而不是 undefined？ 为什么 0.1 + 0.2 居然不等于 0.3？ 为