问题格式与结构

相关源文件

• README.md
• es-ES/README-ES.md
• id-ID/README.md
• nl-NL/README.md

本文档详细介绍了 JavaScript Questions 仓库中问题的标准化格式和结构。理解此格式对于在添加新问题或翻译现有内容时保持一致性至关重要。有关问题中涵盖的 JavaScript 概念的信息，请参阅 JavaScript 概念涵盖。

问题组成部分

仓库中的每个问题都遵循一致的结构，包含特定的组成部分，旨在以清晰、标准化的格式测试 JavaScript 知识。

来源：README.md54-82

问题格式细分

问题标题

每个问题都以一个 6 级 Markdown 标题开头，其中包含一个顺序编号和问题提示。

###### 1. What's the output?

该标题使用六个井号（######）来创建 Markdown 中最小的标题大小，后面是问题编号和文本。

来源：README.md54 README.md86 README.md116

代码示例

大多数问题都包含一个用三个反引号和一个语言标识符括起来的 JavaScript 代码片段。

代码示例经过精心设计，用于测试特定的 JavaScript 行为和概念。它们通常有 3-15 行，并侧重于 JavaScript 的特定方面。

来源：README.md56-64 README.md88-96 README.md118-125

多项选择题

在代码示例之后，每个问题都提供了一个可能的答案列表，通常标记为 A 到 D。

- A: `Lydia` and `undefined`
- B: `Lydia` and `ReferenceError`
- C: `ReferenceError` and `21`
- D: `undefined` and `ReferenceError`

反引号（`）一致用于突出显示代码值、输出和错误类型，使选项清晰易读。

来源：README.md66-69 README.md98-101 README.md127-130

答案部分

答案包含在可折叠的 HTML 部分中，使用 <details> 和 <summary> 标签。

这种结构允许用户首先自己尝试解决问题，然后再显示答案。

来源：README.md71-82 README.md103-112 README.md137-147

答案结构

答案组件遵循一致的格式，包含几个关键元素。

来源：README.md72-82 README.md103-112 README.md137-147

答案标题

每个答案都以 H4 标题（#### Answer: X）开头，其中说明了正确的选项字母。

解释内容

解释部分通常包括：

1. 概念介绍：对测试的 JavaScript 概念进行简要说明。
2. 代码分析：对代码执行进行逐行分解。
3. 结果推导：清晰地解释如何获得最终结果。
4. 技术细节：引用 JavaScript 规范、行为和术语。

解释旨在具有教育意义，而不仅仅是陈述正确答案，而是解释其根本的 JavaScript 概念。

来源：README.md75-81 README.md105-111 README.md139-146

问题类型

该仓库包含几种问题类型，用于测试 JavaScript 知识的不同方面。

问题类型	格式	示例
输出预测	“输出是什么？”	README.md54
价值确定	“……的值是什么？”	README.md677
行为分析	“当……发生时？”	README.md347
概念知识	“……是什么？”	README.md452
真假判断	陈述后跟选项。	README.md473

来源： README.md54 README.md677 README.md347 README.md452 README.md473

视觉辅助

一些问题包含视觉辅助，以帮助解释复杂概念

对象引用图

用于说明对象如何在 JavaScript 中通过引用进行交互

<img src="https://i.imgur.com/ko5k0fs.png" width="200">

这些图通常出现在关于对象引用和内存模型的题目中。

来源： README.md231-237 README.md1430-1431

事件循环可视化

用于解释 JavaScript 的事件处理机制

<img src="https://i.imgur.com/X5wsHOg.png" width="200">

这些出现在与异步 JavaScript 和事件循环相关的题目中。

来源： README.md933 README.md943-956

JavaScript 概念图

问题旨在涵盖广泛的 JavaScript 概念

来源： README.md54-1574

问题和代码组织

问题结构在自然语言提示和 JavaScript 代码实体之间建立了联系

来源： README.md54-82 README.md103-112

翻译要求

问题格式在所有语言翻译中保持一致

组件	翻译指南
问题编号	必须与原始英文编号匹配
代码示例	必须与英文版本完全相同
选项字母	必须保持相同的选项顺序（A、B、C、D）
答案标签	必须引用相同的正确选项
解释	翻译时应保持技术准确性

来源： README.md22-48 nl-NL/README.md16-44 id-ID/README.md16-41

最佳实践

基于仓库的结构，这些最佳实践确保了高质量的问题

1. 专注的代码示例：保持代码片段简洁，专注于测试特定概念
2. 清晰的选项：确保选择题的选项彼此有明显区别
3. 全面的解释：提供详细的推理，解释正确答案为何正确以及其他选项为何错误
4. 一致的格式：始终遵循既定的 Markdown/HTML 结构
5. 技术准确性：确保解释在技术上准确，并在适当时引用 JavaScript 规范
6. 概念覆盖：确保问题整体上涵盖广泛的 JavaScript 概念

来源： README.md11-12

总结

JavaScript Questions 仓库使用精心设计的格式来呈现编码挑战。该格式结合了

1. 清晰的问题提示
2. 专注的代码示例
3. 多项选择题
4. 详细的解释
5. 视觉辅助（如果需要）

这种结构创造了一个有效的学习工具，可以帮助用户测试和提高他们的 JavaScript 知识。

来源： README.md11-18