[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-70907":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},70907,"zh.javascript.info","javascript-tutorial\u002Fzh.javascript.info","javascript-tutorial","现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。","https:\u002F\u002Fzh.javascript.info",null,"HTML",10752,1207,123,12,0,5,16,44.25,"Other",false,"master",true,[25,26,27],"chinese","javascript","tutorial","2026-06-12 02:02:45","# 现代 JavaScript 教程中文版\n\n\u003C!--\n[![Gitter](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-Gitter-forest.svg)](https:\u002F\u002Fgitter.im\u002Fzh-javascript-info\u002Fcommunity?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)\n[![Telegram](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fchat-Telegram-blue.svg)](https:\u002F\u002Ft.me\u002FTheModernJavaScriptTutorial)\n-->\n\n本教程为 [React 官方文档](https:\u002F\u002Freactjs.org\u002Fdocs\u002Fgetting-started.html#javascript-resources) 与 [MDN](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FJavaScript) 共同推荐的前端教程，持续更新，永久免费，欢迎扫码关注微信公众号，加入读者群。\n\n| 微信扫码关注公众号，加微信好友进群 |\n|:----------------------------:|\n| \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F7a818138-1c6c-4abe-bf6e-a76648d98b4d\" width=\"310px;\" \u002F> |\n| 加好友请备注 `JS`，不备注不通过 |\n\n本项目托管了现代 JavaScript 教程中文版的内容，此内容发布在 [https:\u002F\u002Fzh.javascript.info](https:\u002F\u002Fzh.javascript.info)\n\n## 目录\n\n- [翻译](#翻译)\n- [贡献指南](#贡献指南)\n- [文件结构](#文件结构)\n- [翻译提示](#翻译提示)\n  - [专有词条](#专有词条)\n  - [词条含义](#词条含义)\n  - [标点符号](#标点符号)\n  - [代码块中的文本](#代码块中的文本)\n  - [外部链接](#外部链接)\n  - [诠释资料](#诠释资料)\n  - [Anchors](#Anchors)\n- [与英文版同步更新](#与英文版同步更新)\n- [管理员注意事项](#管理员注意事项)\n- [更多](#更多)\n- [在本地运行](#在本地运行)\n\n\n## 翻译\n\n我们希望本教程可以以更多语言呈现。如果你感兴趣，那就快来和我们一起翻译吧。\n\n详见 [翻译进度](https:\u002F\u002Fjavascript.info\u002Ftranslate)。\n\n\n## 贡献指南\n\n我们希望与更多人一起维护本教程。\n\n发现有错误？发现有些主题教程中没有？那就赶快提交 Pull Request 来想大家分享你的知识吧 👏\n\n**你可以在任何编辑器中编辑本项目中的文件**。本教程使用增强的 \"MarkDown\" 格式，易于掌握。而且，如果你想在本地预览效果，我们也提供了一个可以在本地运行本教程的服务端 \u003Chttps:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fserver>。\n\n详细贡献者列表请见 \u003Chttps:\u002F\u002Fjavascript.info\u002Fabout#contributors>。\n\n### 翻译流程\n\n- 检查 [中文翻译进度 issue（Chinese Translate Progress issue）](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fissues\u002F324)。\n- 选择一篇还没有被选走（在 [列表](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fissues\u002F324#issue-433691990) 中暂未被人勾选）的文章。\n- 在 [该 issue](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fissues\u002F324) 中添加以文章标题为内容的评论，如 `An Introduction to JavaScript`。\n    - 我们的 bot 会在 [列表](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fissues\u002F324#issue-433691990) 中勾选上对应的文章，这样其他人就知道你正在翻译该文章了。\n    - 不要在该评论中添加其他说明。\n    - 如果你发现有些文章索然已经被勾选，但是勾选人在认领任务后 15 天内未提交译文，此时你仍可以发表以该文章标题为内容的评论（并 @leviding），如 `An Introduction to JavaScript @leviding`。\n- Fork 此仓库并开始翻译。完成翻译后，请提交一个 PR（请在认领翻译后的 15 天内提交）。\n    - PR 应以文章标题命名。Bot 会自动补充更多信息。\n\n请给维护者时间来审核和 merge 你的翻译，或者提出对应的修改意见。\n\n如果你想成为一个维护者，请在 [给我们提新 issue](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fissues\u002Fnew)。\n\n\u003C!--\n如果维护者没能回复，或者你想成为一个维护者，请在 [主仓库给我们提新 issue](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fen.javascript.info\u002Fissues\u002Fnew)。\n-->\n\n**如果你愿意的话，请让其他人知道你在翻译这个教程，并尝试邀请他们参与翻译。你可以通过微博或群聊来号召。**\n\n🎉 非常感谢！\n\n目前中文版已上线，我们会在“[关于本项目](https:\u002F\u002Fzh.javascript.info\u002Fabout)”页面写上你的名字和贡献。\n\n注：\u003Chttps:\u002F\u002Fjavascript.info\u002Ftranslate> 列出了完整的语言列表。\n\n\n## 文件结构\n\n每一个章节或任务都有它自己的文件夹。\n\n文件夹以 `N-url` 命名，`N` 为用于排序的数字，`url` 是该内容在网站上的链接中带有内容标题的部分。\n\n文件的类型是依据文件夹中的文件定义的：\n\n- `index.md` 对应一个章节，\n- `article.md` 对应一篇文章，\n- `task.md` 对应一个任务（对应的答案必须在 `solution.md` 文件中提供）。\n\n每一个文件都以 `# 一级标题` 开始。 \n\n添加新内容非常容易。\n\n\n## 翻译提示\n\n请不要添加换行，段落或移除已有的行和段落。这样可以减少 merge 英文版中的新变化时出现的问题。\n\n如果你觉得英文版可以被改善 —— 欢迎，请给 [英文版教程发 PR](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fen.javascript.info\u002Fcompare)。\n\n\n### 专有词条\n\n- 一些具体的专有词不应被翻译。如 “Function Declaration”。\n- 对于其他专有词，如 `resolved promise`、`slash` 和 `regexp` 等等，请先找找本项目 WIKI 中的[「英文－中文」术语对照表](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fwiki\u002F%5B%E8%8B%B1%E6%96%87%EF%BC%8D%E4%B8%AD%E6%96%87%5D-%E6%9C%AF%E8%AF%AD%E5%AF%B9%E7%85%A7%E8%A1%A8) 中是否已有对应的词条。\n  - 若没有对应或近似的近似，则可以寻找其他教程（如：[MDN](https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002F)）的翻译。\n\n**补充：**\n\n- 专有词条翻译完，在其后方以括号加英文的方式补上原词条，例如：同源政策（Same Origin Policy）或转义（transpile），等等。\n    - 若一篇文章出現两次以上相同专有词条，则在第一次之后补上原词条即可。\n- 若都无法找到对应的词条翻译，请直接留下原文词条。\n\n\n### 词条含义\n\n在英文中很多词条有明确的含义在內，但对于一个不了解英文的人来说，会忽略该含义。\n\n请谨记有必要时可以多加解释或增加额外的翻译，例如：\n\n```md\n`ReadableStream` objects allows to read data chunk-by-chunk.\n```\n\n```md\n`ReadableStream` objects 允许一个个资料块（chunk）地读取资料。\n```\n\n\n### 标点符号\n\n- 本教程标点符号格式采用 [此份指南](https:\u002F\u002Fgithub.com\u002Fsparanoid\u002Fchinese-copywriting-guidelines)。\n- 资料链接、**粗体**，都须 [留下空白](https:\u002F\u002Fgithub.com\u002Fsparanoid\u002Fchinese-copywriting-guidelines#%E9%8F%88%E6%8E%A5%E4%B9%8B%E9%96%93%E5%A2%9E%E5%8A%A0%E7%A9%BA%E6%A0%BC)。\n- 中文无斜体形式，英文的斜体翻译至中文改为 **加粗**。\n\n- 斜线号 `\u002F` 较为特殊，若用于分隔两同类型词条时，请维持半形斜线且两侧不加空白，**但在词汇们整体的前后要留一空白做分隔：**\n    - `Increment\u002Fdecrement can only be applied to variables.`：`递增\u002F递减 只能被套用在变量上。`\n    - `If the result of increment\u002Fdecrement is not used, ...`：`如果 递增\u002F递减 的結果没被使用，...`\n\n- 英文一句话只能有一个逗号，但中文无此限制，可依据语气通顺程度将一些英文句点转为逗号。\n\n- 列举项目后的文字需加句号。\u003C- 像这样\n\n\n### 代码块中的文本\n\n- 翻译注释。\n- 翻译展示给用户的信息和用来举例的字符串。\n- 不要翻译变量（variables）、类（classes）和标识符（identifiers）。\n- 确保翻译后的代码可以正常运行。 :)\n\n例：\n\n```js\n\u002F\u002F Example\nconst text = \"Hello, world\";\ndocument.querySelector('.hello').innerHTML = text;\n```\n\n✅ 请这样翻译（翻译注解）：\n\n```js\n\u002F\u002F 范例\nconst text = 'Hello, world';\ndocument.querySelector('.hello').innerHTML = text;\n```\n\n❌ 別翻译成（不要翻译类）：\n\n```js\n\u002F\u002F 范例\nconst text = 'Hello, world';\n\u002F\u002F \".hello\" 是一个类\n\u002F\u002F 不要翻译\ndocument.querySelector('.你好').innerHTML = text;\n```\n\n\n### 外部链接\n\n**本翻译教程以维持原本外部链接为原则。**\n\n但如果这个外部链接是指向 Wikipedia 的，如 `https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FJavaScript`，并且其有质量优良的目标语言的译文，请将链接指向该译文。\n\n例如：\n\n```md\n[JavaScript](https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FJavaScript) is a programming language.\n```\n\n✅ OK (en -> zh):\n\n```md\n[JavaScript](https:\u002F\u002Fzh.wikipedia.org\u002Fwiki\u002FJavaScript) 是一种编程语言。\n```\n\n对于指向 MDN 的外部链接，可以使用部分翻译的版本。\n\n如果外部链接没有翻译的版本，请不要修改该链接。\n\n\n### 诠释资料\n\n一些文件，通常是练习题，顶部会有 YAML 的诠释资料（Metadata）并以 `---` 分隔：\n\n```md\nimportance: 5\n\n---\n...\n```\n\n请不要翻译 “importance”（和其他放置在顶端的诠释资料）。\n\n### Anchors\n\n某些标题以 `[#anchor]` 结尾，如：\n\n```md\n## 扩散运算符 [#spread-operator]\n```\n\n请不要翻译或者去掉 `[#...]` 部分，它是 URL 锚点元素的依赖。 \n\n\n## 与英文版同步更新\n\n详见 WIKI 中的「[如何进行此教程的后续更新](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fwiki#%E5%A6%82%E4%BD%95%E8%BF%9B%E8%A1%8C%E6%AD%A4%E6%95%99%E7%A8%8B%E7%9A%84%E5%90%8E%E7%BB%AD%E6%9B%B4%E6%96%B0)」。\n\n\n## 管理员注意事项\n\n详见 WIKI 中的「[管理员注意事项](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fwiki#%E7%AE%A1%E7%90%86%E5%91%98%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9)」。\n\n\n## 更多\n\n更多说明请见 [WIKI](https:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fzh.javascript.info\u002Fwiki)。\n\n\n## 在本地运行\n\n你可以在本地运行本教程的服务端来预览你的翻译。\n\n运行服务端的教程请见 \u003Chttps:\u002F\u002Fgithub.com\u002Fjavascript-tutorial\u002Fserver>。 \n\n---\n\n本中文版教程的核心维护者 🚀\n\n**Admin:**\n\n- [LeviDing](https:\u002F\u002Fgithub.com\u002Fleviding)\n\n**当前活跃维护者:**\n\n- [LeviDing](https:\u002F\u002Fgithub.com\u002Fleviding)\n\n**历史核心维护者:**\n\n- [MartinsYong](https:\u002F\u002Fgithub.com\u002FMartinsYong)\n- [bemself](https:\u002F\u002Fgithub.com\u002Fbemself)\n- [lycheeEng](https:\u002F\u002Fgithub.com\u002FlycheeEng)\n\n我们希望与大家合作维护本教程。本教程的详细贡献者列表请见：\u003Chttps:\u002F\u002Fzh.javascript.info\u002Fabout>。\n","现代 JavaScript 教程中文版是一个面向前端开发者的在线教程，基于最新的 ECMAScript 规范，涵盖了从基础到高级的 JavaScript 知识。该项目使用 HTML 和增强的 Markdown 格式编写内容，确保文档易于阅读和维护。它特别适合初学者入门以及有一定经验的开发者深入学习 JavaScript 的最新特性。此外，项目鼓励社区参与翻译和贡献，以保持内容的准确性和时效性。无论是个人自学还是团队培训，此教程都是一个很好的资源。",2,"2026-06-11 03:34:51","high_star"]