JavaScript ES6 新特性
1. let 和 const 声明1.1 let 关键字let 用于声明局部变量，作用域限制在块级内部。相比 var，它不会提升到函数或全局作用域顶部。 123456let x = 10;if (x > 5) { let y = x + 5; console.log(y); // 15}console.log(y); // ReferenceError: y
JavaScript ES6 新特性（二）
1. Map 和 Set1.1 MapMap 是一种键值对的集合，它允许使用任何数据类型作为键。在 Map 中，键值对是有序的，且键可以是对象、字符串或其他数据类型。 123456const map = new Map();map.set("name", "Alice");map.set(1, "one");console.log(map
JavaScript 事件处理
1. 什么是事件？事件是用户或浏览器执行的某种操作，如鼠标点击、键盘按下、页面加载等。事件触发后，可以使用 JavaScript 编写相应的事件处理器（也称事件监听器）来响应这些操作。 2. 添加事件监听器在 JavaScript 中，可以通过多种方式为元素添加事件监听器： 2.1 使用 HTML 属性在 HTML 中直接定义事件属性，最简单但不推荐这种方式，因为它不利于代码的可读性和维护： 1&
JavaScript 异步编程
在 JavaScript 中，代码默认是同步执行的，即按顺序逐行执行。不过，处理一些耗时操作时（如 API 请求或文件读取），同步代码可能会造成页面卡顿。这时，异步编程就派上用场了。 1. 回调函数1.1 基本概念回调函数是异步编程的最基础形式。它是一个函数，在任务完成后执行。将回调函数作为参数传递给另一个函数，使得任务完成时可以执行特定的代码。 12345678910function fetch
JavaScript BOM 操作
BOM 提供了浏览器特定的对象和方法，用于访问和操作浏览器的功能和信息。它扩展了 DOM 的功能，使得 JavaScript 可以与浏览器本身进行交互，例如控制页面导航、弹出对话框、获取设备信息等。 1. window 对象window 是 BOM 的顶级对象，代表了浏览器窗口或框架。所有全局对象、方法和属性都属于 window 对象，可以直接使用。 1.1 基本属性和方法一些常用的 window
JavaScript DOM 操作
DOM 操作是网页交互的重要部分。通过 DOM，我们可以动态地获取、创建、修改、或删除页面中的元素，让网页具有更丰富的用户体验。 1. 什么是 DOM？DOM 将 HTML 文档表示为一个树形结构，其中每个节点都是文档中的一个对象。JavaScript 可以访问 DOM，从而修改网页内容、结构和样式。 1234567891011<!DOCTYPE html><html>&l
JavaScript 对象与面向对象
JavaScript 是一种基于原型的语言，这意味着它没有传统的类继承结构，而是通过对象与原型链来实现继承和代码复用。随着 ES6 的到来，JavaScript 引入了 class 语法糖，让代码更接近面向对象的风格。 1. 构造函数1.1 基本构造函数构造函数是一种用于创建特定类型对象的函数。常见的命名约定是首字母大写： 1234567function Person(name, age)
JavaScript 数组与对象
数组的基本操作1. 创建数组数组是存储一组有序数据的容器。可以用 [] 语法创建数组： 12let fruits = ["apple", "banana", "mango"];let numbers = [1, 2, 3, 4, 5]; 数组可以包含任意类型的数据，甚至可以混合数据类型： 1let mixedArray = [1,