JavaScript语句学习小记

JavaScript语句学习小记

---

重温基础小概念

学JavaScript的时候，我发现理解它的语句结构真的好重要呢！JavaScript语句就像是小指令，告诉浏览器该做什么。当这些指令放到HTML文档里，网页就能变得可以互动，还有动态的效果呢！

---

探索语句的小组件

你知道吗？JavaScript语句是由好多小部分组成的哦，比如：

• 值：就像字符串、数字等数据
• 运算符：如 +, -, * 等，用来做计算
• 表达式：例如 a + b，是值和运算符的组合
• 关键字：例如 if, else，控制语句的走向或声明变量
• 注释：用 // 或 /* */ 来解释代码的功能

看下面这句改写后的代码：

// 使用DOM API查找并修改HTML元素的内容
document.getElementById("demo").textContent = "你好，世界！";

这句代码通过DOM API找到了ID为"demo"的HTML元素，并修改了它的文本内容。这是一个很常见的JavaScript操作，里面包含了多个组件协同工作。

---

分号的小秘密

在JavaScript里，分号（;）是用来结束语句的。尽管在某些情况下，JavaScript会自动插入分号，但建议我们总是显式地使用分号，以避免可能的歧义和错误。

改写后的例子：

let x = 5;  // 声明并初始化变量x
let y = 10; // 声明并初始化变量y
let z = x + y; // 计算x和y的和，并将结果赋值给z

每个语句后都加上了分号，并且添加了注释来解释每个语句的作用，使代码更易读。

---

空格和格式的小魔法

JavaScript对空格和换行符是宽容的，我们可以自由地格式化代码以提高可读性。合理地使用空格和换行，可以让代码结构更清晰。

改写后的例子：

// 紧凑格式（不推荐）
let a=1,b=2,c=a+b;

// 宽松格式（推荐）
let a = 1;  // 声明并初始化变量a
let b = 2;  // 声明并初始化变量b
let c = a + b; // 计算a和b的和，并将结果赋值给c

通过添加空格和换行，以及注释，使代码更易读和更易于维护。

---

代码块和作用域的小天地

大括号 {} 用于定义代码块，这些代码块与控制结构（如条件语句或循环）一起使用。代码块可以包含多条语句，这些语句会按顺序执行。

改写后的例子：

// 使用if语句根据条件执行代码块
if (condition) {
  // 当条件为真时执行的代码块
  let message = "条件满足！";
  console.log(message);
}

在这个例子中，当condition为真时，会执行代码块中的语句。同时，代码块中声明的变量message只在该代码块内可见，这体现了JavaScript的作用域规则。

---

关键字小伙伴

JavaScript有一组保留的关键字，用于控制语句的流程、声明变量等。以下是一些常见的关键字：

• var / let / const：声明变量或常量
• if / else：条件判断
• switch：多条件判断
• for / while：循环结构
• function：声明函数
• return：从函数中返回值

使用这些关键字时，要确保不将它们用作变量名或函数名，以避免冲突和错误。

---

希望这些小记能帮到你，让我们一起更深入地理解JavaScript语句的基础知识和最佳实践吧！加油哦！