javascript 练习案例

JavaScript 练习案例通常涵盖了各种编程概念和技术，以下是几个常见的案例：

1. **基本语法练习**：例如创建变量、数据类型（字符串、数字、布尔值等）、条件语句（if...else、switch）、循环（for、while）以及函数的基本定义。

// 基本变量声明
let name = "John";
var age; // 注意：var 和 let 的区别

// 条件判断
if (age > 18) {
  console.log("成年人");
} else {
  console.log("未成年人");
}

// 循环示例
for (let i = 0; i < 5; i++) {
  console.log(i);
}

2. **数组和对象操作**：包括创建数组、添加元素、遍历数组，以及创建对象并访问属性。

const fruits = ["apple", "banana", "orange"];
fruits.push("grape"); // 添加元素

let person = {name: "Alice", age: 30};
console.log(person.name); // 访问属性

3. **事件处理**：演示如何通过 DOM 操作和事件监听器处理用户交互。

document.getElementById("myButton").addEventListener("click", function() {
  alert("按钮被点击了！");
});

4. **异步编程**：比如使用 Promise 或 async/await 解决 AJAX 请求。

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

5. **函数式编程**：学习如何使用高阶函数、柯里化等技巧。

function multiply(a, b) {
  return a * b;
}

// 使用高阶函数
function double(func) {
  return function(x) {
    return func(x) * 2;
  };
}
const doubleMultiplication = double(multiply);
doubleMultiplication(3, 4); // 输出 24