if (条件) {
    // 代码块
} else if (条件) {
    // 代码块
} else {
    // 代码块
}

switch (表达式) {
    case 值1:
        // 代码块
        break;
    case 值2:
        // 代码块
        break;
    default:
        // 默认代码块
}

// for循环
for (let i = 0; i < n; i++) {
    // 代码块
}

// while循环
while (条件) {
    // 代码块
}

// do-while循环
do {
    // 代码块
} while (条件);

// for...of循环（遍历可迭代对象）
for (const item of iterable) {
    // 代码块
}

// for...in循环（遍历对象属性）
for (const key in object) {
    // 代码块
}

// 函数声明
function functionName(parameter1, parameter2) {
    // 函数体
    return 返回值;
}

// 箭头函数（ES6）
const functionName = (parameter1, parameter2) => {
    // 函数体
    return 返回值;
};

// 对象字面量
const person = {
    name: '张三',
    age: 25,
    sayHello() {
        console.log('Hello!');
    }
};

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
}

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }

    sayHello() {
        console.log(`Hello, I'm ${this.name}`);
    }
}

const promise = new Promise((resolve, reject) => {
    // 异步操作
    if (操作成功) {
        resolve(结果);
    } else {
        reject(错误);
    }
});

async function fetchData() {
    try {
        const response = await fetch(url);
        const data = await response.json();
        return data;
    } catch (error) {
        console.error(error);
    }
}

// 选择元素
const element = document.querySelector('.class');
const elements = document.querySelectorAll('.class');

// 修改内容
element.textContent = '新文本';
element.innerHTML = '<span>新HTML</span>';

// 修改样式
element.style.color = 'red';
element.classList.add('new-class');

// 事件监听
element.addEventListener('click', function(event) {
    // 处理点击事件
});