交互式 JavaScript 深度学习平台
深度理解 JavaScript 底层原理
逐步执行代码，实时观察调用栈进出、变量提升与内存分配 — 全程动态可视化呈现。
开始学习 JS 运行机制 →学习路径
JS 运行机制
全特性运行时 Playground
支持执行任意自定义 JavaScript 代码。逐步观察调用栈 (Call Stack)、堆内存空间 (GO/AO/Heap)、作用域链、闭包及控制台输出。
作用域链与查找
词法作用域与标识符解析
深入掌握作用域链解析机制。逐步查看嵌套激活对象 (AO) 与全局对象 (GO) 的静态词法查找规则与变量遮蔽 (Shadowing)。
深入理解 this
四种绑定规则
揭秘 JS 中最容易混淆的关键字。逐步查看默认绑定、隐式绑定、显式绑定 (call/apply/bind) 以及 new 绑定的底层差异。
闭包原理
词法环境与作用域捕获
理解函数如何“记住”其外部词法环境。可视化堆内存中常驻的闭包变量与函数式编程基石。
原型与原型链
对象继承机制
深入探索原型链在底层如何运转。查看属性查找在 `__proto__` 链上的递归遍历过程及继承实现。
Class 与继承
ES6 语法糖内幕
了解 ES6 Class 语法如何映射为基于原型的继承体系。深度解析 super、extends 与构造函数链。
事件循环机制
异步任务调度
实时可视化 JavaScript 处理异步代码的流程：调用栈、微任务队列 (Micro-task) 与宏任务队列 (Macro-task)。