JavaScript基础教程（二十一）语句：解锁JavaScript语句的隐藏力量，从基础到高阶魔法

JavaScript语句是构建代码逻辑的基础单元，其正确使用直接影响程序质量。以下从四个维度深度分析：

一、核心语句类型解析

表达式语句执行计算并产生值：

const result = Math.pow(2, 8); // 赋值表达式语句

声明语句创建变量/函数：

class Calculator { // 类声明语句
  add(a, b) { return a + b; }
}

二、控制流进阶应用

循环语句的优化策略：

// 缓存数组长度提升性能
for (let i = 0, len = data.length; i < len; i++) {
  if (data[i] === null) break; // 提前终止循环
}

标签语句配合break/continue：

outerLoop: for (let i = 0; i < 10; i++) {
  while (condition) {
    break outerLoop; // 跳出外层循环
  }
}

三、ES6+语句新特性

块级作用域let/const声明：

if (true) {
  let blockScoped = "不可提升";
  const PI = 3.14; // 不可重复声明
}

迭代器与for...of语句：

const iterable = new Set([1, 2, 3]);
for (const value of iterable) {
  console.log(value); // 1, 2, 3
}

四、常见陷阱与最佳实践

分号自动插入(ASI)风险：

function danger() {
  return // ASI在此插入分号
    { key: 'value' }; // 返回undefined
}

空语句的隐蔽bug：

if (condition); // 误加分号导致空语句
{ executeAlways(); } // 始终执行

掌握语句层面的细节差异，能够帮助开发者避免常见错误，编写出更健壮、高效的JavaScript代码。建议通过ESLint等工具进行静态检查，持续优化语句书写质量。