边读边练的 JavaScript 教程：现代 JS 教程开源免费，含在线练习

这份教程的每个知识点后面都跟着在线练习，做题时可以直接在页面里跑代码并自动校验结果。学 JavaScript 时，「写完立刻知道对不对」这件事很重要。

它解决什么问题

看视频学 JS 容易「看懂了但写不出」，缺少即时反馈。

很多教程只讲语法不讲「实际怎么用」，学完仍写不出功能。

核心能力

「闭包」为什么值得单独花时间

闭包里很多人的直觉是「函数里能访问外层的变量」。真正要理解的是：函数被创建时捕获的是变量的引用环境，而不是变量的值。

理解这一点之后，循环里绑定事件、模块作用域、柯里化这些看起来零散的问题会连成一条线。这是 JS 里最有「顿悟感」的一处，值得慢下来。

同类工具怎么选

谁适合用

• JavaScript 初学者，需要即时反馈的学习方式
• 有基础但被闭包、原型、异步卡住的人
• 想补浏览器 API 与网络请求实践的人

怎么开始

1. 打开 zh.javascript.info，从「JavaScript 基础知识」部分开始。
2. 每读一节就把课后练习做完，务必自己在页面里写。
3. 闭包、原型、异步三章放慢速度，配合练习反复做。
4. 需要离线阅读时下载离线版本。

常见问题

和阮一峰 ES6 教程怎么配合？
这份更偏教学与实践，ES6 教程更偏特性清单，可先学这份再拿那份当参考。

练习会给出答案吗？
多数练习提供答案与解析，建议先自己做再看。

适合零基础吗？
适合，但需要基本的逻辑思维，最好先接触过一点点编程。

授权与合规

该教程为开源项目，内容以开放许可发布，可在网上免费学习，也提供离线版本与源码。 官网：zh.javascript.info。