深入理解前端JavaScript：笔记与API整理

JavaScript基础知识点： 1. 变量与常量：在JavaScript中，使用var、let和const声明变量和常量。var具有变量提升特性，let和const则没有，且let不允许重复声明。常量const一旦赋值后不可更改。 2. 数据类型：JavaScript是一种弱类型语言，主要数据类型包括：Number、String、Boolean、Null、Undefined、Symbol（ES6新增）、Bigint（ES2020新增）以及Object类型。 3. 类型转换：JavaScript中的类型转换分为显式转换和隐式转换。显式转换如使用Number(), String()等函数，隐式转换常见于运算和条件判断。 4. 运算符：包括算术运算符、比较运算符、逻辑运算符、位运算符、赋值运算符等，用于执行数学计算、比较大小、逻辑运算等操作。 5. 语句：控制流语句包括if、switch、while、do...while、for等，用于控制程序的执行顺序和逻辑分支。 6. 数组：数组是一种特殊的对象，可以存储多个值。JavaScript中创建数组有多种方式，如使用Array构造函数或数组字面量[]。 7. 函数：JavaScript的函数是一级对象，可以被当作参数传递，也可以作为值返回。函数声明、函数表达式和箭头函数是常用的函数创建方式。 8. 对象：JavaScript的对象是一个无序的键值对集合。对象字面量、构造函数和ES6引入的类是创建对象的主要方式。 9. 堆栈：JavaScript运行在单线程中，使用调用堆栈来追踪函数执行的位置，理解堆栈对于理解异步编程和函数调用顺序很重要。 Web API知识点： 1. DOM操作：文档对象模型（DOM）是一棵树状结构，代表了HTML文档的内容。通过DOM API可以操作文档的结构、样式和内容。 2. 定时器：JavaScript提供了setTimeout和setInterval函数来实现定时任务，它们可以用来执行异步操作和周期性任务。 3. 事件：事件是用户与网页交互的一种机制，JavaScript提供了多种事件处理方式，如addEventListener，可以用来绑定事件监听器。 4. 回调函数：回调是函数作为参数传递给另一个函数，然后在适当的时候执行，这是JavaScript中处理异步操作和事件处理的一种常见模式。 5. 日期对象：JavaScript提供了Date对象来处理日期和时间，可以获取当前时间、日期，或者对时间进行计算。 6. 节点操作：DOM节点是构成页面的最小单元，可以是元素节点、文本节点等。通过节点操作API可以进行复杂的DOM操作。 7. 移动端事件：随着移动设备的普及，JavaScript也提供了专用于移动设备的事件，如触摸事件等。 8. Windows对象：在浏览器环境中，全局的Window对象代表了浏览器窗口。它提供了大量的属性和方法来操作浏览器窗口和页面行为。 9. 本地存储：Web存储API允许Web应用在用户的浏览器中保存数据，包括localStorage和sessionStorage。 10. 正则表达式：正则表达式是一种强大的文本处理工具，通过使用特定的字符和模式来匹配、搜索和替换文本。 JavaScript高级知识点： 1. 作用域：JavaScript的作用域分为全局作用域、函数作用域和块级作用域（ES6新增）。理解作用域对于变量访问和闭包等概念至关重要。 2. 函数进阶：包括闭包、立即执行函数表达式（IIFE）、函数柯里化等概念，都是JavaScript函数式编程的重要组成部分。 3. 解构赋值：ES6引入的解构赋值允许从数组或对象中提取数据，并赋值给新的变量。 4. 构造函数：构造函数是创建和初始化对象的函数，它使用new操作符来创建对象实例。 5. 编程思想：JavaScript的编程思想包括函数式编程、面向对象编程等，理解和实践这些思想有助于编写更加优雅和可维护的代码。 6. 原型：JavaScript的原型继承机制允许对象通过原型链继承属性和方法。 7. 深浅拷贝：JavaScript对象赋值默认是浅拷贝，修改对象时可能会引起其他引用对象的改变。深拷贝则创建一个新对象，完全复制原对象中的所有属性。 8. 异常处理：通过try...catch语句可以捕获和处理运行时产生的错误。 9. this：JavaScript中的this关键字是一个特殊的变量，它指向函数执行时的上下文对象。 10. 防抖节流：防抖和节流是处理高频事件执行的两种策略，用于优化性能和用户体验。