现代 JavaScript 教程官网地址：javascript.info 及中文翻译版入口

《现代 JavaScript 教程》（The Modern JavaScript Tutorial）是全球前端开发领域公认最全面、质量最高且紧跟 ECMAScript 规范更新的经典教程之一。教程原文主站官网地址为 https://javascript.info，官方中文翻译版镜像直达入口为 https://zh.javascript.info。无论是初涉前端编程的初学者，还是希望理清闭包、原型链、微任务及异步机制的资深工程师，都可以通过这两个官方入口直接在线阅读全部内容。

一、直达入口与域名对应关系

《现代 JavaScript 教程》由 Ilya Kantor 组织编写，采用开源社区协作模式进行全球多语种本地化翻译。教程的核心域名统一建立在 javascript.info 体系之下，不同语种通过专属的子域名进行路由隔离与独立部署。

中文版拥有与英文原站完全对等的层级结构。访问 zh.javascript.info 时，所有章节索引、知识点讲解、交互式代码演练和课后任务解答均已完整翻译为简体中文，且中文社区贡献者会持续跟进英文原版的最新修改与规范补充，保证学习者掌握的技术细节不会滞后。

二、网站语言切换的具体操作方法

如果你当前打开的是英文版（javascript.info）或误入其他语言分支，可以通过以下两种方式切换回简体中文：

1. 使用页面自带的语言选择器： 在网页顶部导航栏右上角，可以看到一个地球仪图标或当前语言缩写（如“EN”）。点击展开下拉列表，在可支持的语言列表中找到并点击“简体中文”，页面会自动重定向到对应的 zh.javascript.info 相同页面。
2. 直接通过 URL 前缀替换跳转： 教程的路由规则非常规整。例如英文版关于原型继承的页面地址是 https://javascript.info/prototype-inheritance，只需要把前缀改为 https://zh.javascript.info/prototype-inheritance，即可立刻查看该章节的中文翻译，阅读中若遇术语不解亦可用同样方式切回原版核对。

三、教程内容体系与三大知识板块

《现代 JavaScript 教程》之所以被普遍推荐，原因在于其编排体系完全基于现代语言特性（ES6+）重构，不再像早期传统书籍那样从旧式写法开始教学。整套教程层次分明地划分为三大核心部分：

• 第 1 部分：JavaScript 语言基础与进阶（The JavaScript language）
  从变量、数据类型、运算符等基本语法切入，深入拆解代码质量、对象属性配置、原型链继承、类（Class）、错误处理、Promise 与 async/await 异步模型、生成器以及模块化体系。这是整套教程篇幅最扎实、逻辑最严谨的部分。
• 第 2 部分：浏览器：文档、事件与接口（Browser: Document, Events, Interfaces）
  专注讲解浏览器宿主环境中的 JavaScript 运行时。包括 DOM 树解析、元素导航、事件委托与调度机制、UI 事件处理（鼠标、键盘、拖拽）、表单控制以及网页加载生命周期。
• 第 3 部分：其他文章与专题拓展（Additional articles）
  覆盖现代网络编程中的网络请求（Fetch、WebSocket）、存储（IndexedDB、Cookie）、多媒体、正则表达式、Web Components 自定义元素等进阶专题。

四、在线阅读、离线版本与开源协作渠道

除了网页端实时阅读之外，读者还可以根据自身需求选择不同的使用场景：

• 网页在线交互版（最推荐）： 教程正文中嵌入了可直接点击运行、编辑代码的沙箱环境。遇到示例代码时，可以直接点击右上角的“运行”按钮查看执行弹窗，也可以现场修改变量验证猜想。每章末尾还配有“任务”（Tasks），支持答题并查看官方参考实现。
• 离线电子书（EPUB 与 PDF）： 官方提供全书打包的离线电子书供移动端或电子墨水屏阅读器使用。离线版本可通过官方支持通道购买赞助获取，所得收益用于维护服务器与支持开源作者继续更新。
• GitHub 翻译仓库协作： 中文版所有章节的 Markdown 源文件完全开放托管在 GitHub（仓库地址：github.com/javascript-tutorial/zh.javascript.info）。如果阅读中发现错别字、语病或表达不清之处，任何人都可以直接提交 Pull Request 或开 Issue 参与修订。

五、高效利用本教程的学习路径建议

很多学习者在面对该教程多达数百个小节的内容时容易产生畏难情绪。根据教程内容的实际编排顺序与依赖关系，建议遵循以下四个阶段进行渐进式攻克：

1. 基础语法与对象本质： 重点阅读第 1 部分的前 4 章，彻底搞懂数据类型转换的隐式规则、对象引用与复制机制、this 的动态绑定逻辑。不要跳过课后任务，确保每一道题都在脑中预判输出结果后再验证。
2. 原型机制与异步深水区： 攻克第 1 部分的“原型与继承”和“Promise，async/await”。理解原型链上的属性查找规律，并搞清微任务队列（Microtask Queue）与事件循环（Event Loop）的执行先后顺序，这是面试与工程排错的核心高频点。
3. DOM 实战与事件系统： 推进至第 2 部分，动手在浏览器控制台中选择元素、监听事件。重点理解事件冒泡机制以及如何编写高性能的“事件委托”（Event Delegation）。
4. 现代网络与模块化集成： 结合第 3 部分的 Fetch API 与模块化章节，练习从零发起 HTTP 请求处理 JSON 数据，并将代码按 ES Module 规范进行组织。

六、常见使用疑问与排查技巧

在日常使用 javascript.info 与 zh.javascript.info 时，读者通常会遇到以下几类具体问题：

• 国内网络访问偶发迟缓或字体加载缓慢： 教程服务器部署在海外 CDN 节点，如果直接访问感觉加载变慢，可以检查网络连接，或者通过浏览器控制台观察是否是个别第三方资源（如国外字体或评论系统脚本）响应延迟，核心的正文内容和脚本均可独立离线运行。
• 部分极新小节尚未完全汉化： 英文原版更新后，中文仓库会有数天至数周的校对周期。如果在 zh.javascript.info 浏览某个新章节时发现部分英文混杂，说明该小节正处于社区 PR 校对阶段，可以通过点击页面底部的“在 GitHub 上编辑”直接查看当前的翻译进度或协助补齐。
• 页面内置沙箱运行报错： 教程中有些示例依赖浏览器特定的新特性（例如某些 ES2022+ 语法或最新的 DOM 接口），建议使用最新稳定版 Google Chrome、Firefox 或 Microsoft Edge 浏览器访问，以确保内置代码片段获得完全一致的原生执行结果。