JavaScript 经典代码一览298

作为一门强大的编程语言，JavaScript 已被广泛应用于 Web 开发和移动应用程序开发中。本文将对一些经典的 JavaScript 代码进行全面介绍，这些代码经过时间的考验，证明在各种场景中都非常有用。

1. 计时器函数

setTimeout 和 setInterval 是两个最常用的计时器函数。setTimeout 用于在指定的延迟后执行一次函数，而 setInterval 用于以指定的间隔重复执行函数，直到明确清除该间隔。
// 1 秒后执行一次函数
setTimeout(() => {
('1 秒后执行！');
}, 1000);
// 每 2 秒执行一次函数
setInterval(() => {
('2 秒后执行！');
}, 2000);

2. 事件侦听器

事件侦听器用于在特定事件发生时执行代码。JavaScript 提供了各种事件类型，如点击、鼠标悬停和键盘按下等。
// 在元素上添加点击事件侦听器
const button = ('button');
('click', () => {
('按钮被点击了！');
});

3. 数组方法

JavaScript 数组提供了许多有用的方法，可以对数组中的元素进行操作。这些方法包括 push（添加元素）、pop（移除最后一个元素）、shift（移除第一个元素）、unshift（添加元素到开头）、slice（复制一部分数组）、splice（添加、删除或替换元素）、sort（排序）、reverse（反转）等。
const numbers = [1, 2, 3, 4, 5];
// 添加元素到数组的末尾
(6);
// 移除最后一个元素
();
// 移除第一个元素
();
// 添加元素到数组的开头
(0);
// 复制数组的一部分
const sliceNumbers = (1, 3);
// 添加、删除或替换元素
(2, 1, 7);
// 排序数组
((a, b) => a - b);
// 反转数组
();

4. 对象方法

JavaScript 对象提供了许多有用的方法，可以访问和操作对象中的属性和方法。这些方法包括（获取对象的键名）、（获取对象的值）、（合并两个对象）、（冻结对象使其不可更改）等。
const person = {
name: 'John',
age: 30
};
// 获取对象的键名
const keys = (person);
// 获取对象的值
const values = (person);
// 合并两个对象
const newPerson = ({}, person, { job: 'Developer' });
// 冻结对象使其不可更改
(person);

5. 正则表达式

正则表达式是一种强大的模式匹配语言，用于在文本中搜索和替换内容。JavaScript 提供了 RegExp 对象来创建和使用正则表达式。
// 创建正则表达式对象
const regex = new RegExp('JavaScript');
// 在文本中搜索匹配项
const match = ('JavaScript is a programming language');
// 在文本中替换匹配项
const replacedText = 'JavaScript is a programming language'.replace(regex, 'Python');

6. 错误处理

在 JavaScript 中，可以使用 try...catch 语句来处理错误。try 块包含可能引发错误的代码，而 catch 块包含错误处理代码。
try {
// 可能引发错误的代码
const result = 10 / 0;
} catch (error) {
// 错误处理代码
('发生了错误：', error);
}

7. 异步编程

JavaScript 提供了 async/await 关键字来处理异步操作。异步操作不会立即执行，而是等待某个事件发生后才执行。async 函数返回一个 Promise 对象，表示异步操作的最终结果。
async function getData() {
// 异步操作
const response = await fetch('/api');
const data = await ();
// 使用数据
(data);
}

8. 模块化

模块化是将代码组织成不同模块的一种技术。JavaScript 提供了 import 和 export 关键字来实现模块化。模块可以导出函数、类和变量，然后可以导入到其他模块中使用。
//
export function sayHello() {
('Hello!');
}
//
import { sayHello } from './my-module';
// 使用导出的函数
sayHello();

9. 类和对象

JavaScript 通过 class 关键字支持面向对象编程。类可以创建对象，对象具有自己的属性和方法。类可以继承自其他类，形成继承层次结构。
class Person {
constructor(name, age) {
= name;
= age;
}
sayHello() {
(`Hello, my name is ${} and I am ${} years old!`);
}
}
// 创建对象
const john = new Person('John', 30);
// 调用方法
();