好的,感谢康老师 — 我从 菜鸟教程(Run oob)中整理了一份“从零开始”在学习 JavaScript 时最常用且基础的语句/结构清单,便于搭建起编程思维。
📋 初学常用语句清单(基于菜鸟教程)
| 分类 | 语句 | 中文解释 |
|---|---|---|
| 输出/插入 | document.write("<h1>这是一个标题</h1>"); (runoob.com) |
将 HTML 内容直接输出到页面中 |
| 注释 | // 单行注释 / /* 多行注释 ... */ (runoob.com) |
给代码添加注释说明,不执行 |
| 变量声明 | let x = 5; 或 const pi = 3.14; (runoob.com) |
声明一个变量或常量 |
| 条件判断 | if (x > 0) { … } else { … } (runoob.com) |
根据条件进行不同逻辑分支 |
| 分支选择 | switch(day) { case 1: … break; default: … } (runoob.com) |
多选条件判断结构 |
| 循环(for) | for (let i = 0; i < 5; i++) { … } (runoob.com) |
重复执行某段代码 |
| 循环(while) | while (i < 10) { … } (runoob.com) |
当条件为真时循环执行 |
| 函数定义/调用 | function add(a, b) { return a + b; } add(2, 3); (runoob.com) |
定义函数并调用它来实现封装功能 |
| 输入/按钮 DOM 操作 | document.getElementById("demo").innerText = "Hello"; (runoob.com) |
获取 HTML 元素并修改其内容 |
| 事件监听 | element.onclick = function() { … } 或 element.addEventListener("click", fn) (runoob.com) |
为页面元素添加用户交互响应 |
| 输出调试信息 | console.log(x); (runoob.com) |
在浏览器控制台输出变量或调试信息 |
✅ 小贴士
-
建议以「输出→变量→条件→循环→函数→DOM/事件」的顺序来学习,这样逻辑更自然。
-
在每学一个语句,就在浏览器中打开控制台(或菜鸟教程提供的「尝试一下」)动手实验,看结果。 (runoob.com)
-
注释、命名、分号、代码块等语法细节不要忽略,好的习惯从零开始培养。
如果您愿意,我帮您把这份清单 整理为 Excel 模板(三列:语句/中文解释/备注)并附上「在哪个章节用到」的参考,方便您或孩子做笔记和复习。要不要我生成?
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END








暂无评论内容