JavaScript控制流程全攻略：11个关键概念代码实战

本文将用代码实例拆解JavaScript中11种核心控制流程，让你像指挥官一样精准掌控程序走向。

---

1. 循环三剑客：for/for of/for in

// 传统for循环 → 精确控制次数
for(let i=0; i<3; i++) {
   
   
    console.log(`第${
     
     i+1}次循环`) // 输出3次
}

// for of → 遍历可迭代对象
const fruits = ['🍎', '🍌', '🍊']
for(const fruit of fruits) {
   
   
    console.log(fruit) // 依次输出三个水果
}

// for in → 遍历对象属性
const cat = {
   
   name: '橘座', age: 2}
for(const key in cat) {
   
   
    console.log(`${
     
     key}: ${
     
     cat[key]}`) // 输出name:橘座 age:2
}

区别指南：

• for：精确控制次数的常规武器
• for of：遍历数组/Map/Set等集合的激光剑
• for in：解剖对象属性的手术刀

---

2. 短路运算：逻辑运算符的智能决策

const config = {
   
    port: process.env.PORT || 3000 } // 环境变量优先
console.log(config.port) // 若未设置环境变量则默认为3000

const isVIP = user && user.vipLevel > 3 // 防御性检查
console.log(isVIP ? '尊贵会员' : '普通用户')

短路运算就像地铁安检：||发现危险品（truthy值）立即拦截，&&必须所有包裹检查通过才放行。

---

3. 位运算：二进制的魔法