JavaScript 四大用法

 JavaScript 的四大常见用法示例

// 以下是 JavaScript 的四大常见用法示例

// 1. 操作 DOM（文档对象模型）
// 获取元素
let element = document.getElementById('myElement');
// 修改元素内容
element.innerHTML = '修改后的内容';

// 2. 处理事件
// 为按钮添加点击事件
let button = document.getElementById('myButton');
button.addEventListener('click', function() {
  console.log('按钮被点击了');
});

// 3. 异步操作（例如使用 fetch 获取数据）
fetch('https://example.com/api/data')
 .then(response => response.json())
 .then(data => {
    console.log(data);
  })
 .catch(error => {
    console.error('发生错误:', error);
  });

// 4. 面向对象编程
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  introduce() {
    console.log(`我叫${this.name}，今年${this.age}岁。`);
  }
}

let person1 = new Person('张三', 25);
person1.introduce();