JavaScript（简称 JS）是一门轻量级、解释型、面向对象的编程语言，也是浏览器原生支持的脚本语言。为网页添加动态交互效果操作 DOM（文档对象模型）、BOM（浏览器对象模型）处理用户事件、发起网络请求（Ajax）是前端开发的基础，所有浏览器都内置了 JS 引擎（如 Chrome 的 V8 引擎）JavaScript 是前端开发的 “原生语言”，没有它就没有网页交互。先学原生 JavaScr

函数是一组语句的集合，用于执行特定任务。代码复用：把重复执行的逻辑封装起来，避免复制粘贴相同代码延迟执行：函数内的代码不会随页面加载自动执行，只有被 “调用” 时才会运行表格概念关键要点函数声明用function关键字定义，支持提升，可在声明前调用函数表达式函数赋值给变量，无提升，必须先声明再调用形参 / 实参形参是占位符，实参是实际传入的值return返回结果并结束函数，无return时返回un

在前端开发的学习历程中，原生 JavaScript和jQuery是绕不开的两个核心技术点：jQuery 曾是前端时代的 “王者”，极大简化了 DOM 操作；而原生 JS 是前端的根基，所有框架、库的底层都离不开它。很多新手容易混淆两者的用法、特性和适用场景，本文基于核心差异，全方位补充、细化原生 JS 和 jQuery 的对比，从入口函数、容错性、兼容性、操作复杂度，到语法、性能、迭代方式、事件处

语句：脚本的执行单元，以分号结尾，独立成行，组成代码块；注释：单行注释//和多行注释/* */，提升代码可读性，方便调试与协作；变量：临时存储数据的 “盒子”，先声明（var）后赋值，变量名遵循驼峰式命名规范；数据类型：数字、字符串、布尔值是基础类型，解释器自动识别，弱类型语言无需提前声明类型；实战应用：变量可存储数字、字符串，通过计算、拼接实现动态页面效果。这些基础知识点是 JavaScript

基础层：仅 HTML先保证页面在最极端的环境下也能正常工作 —— 没有 CSS、没有 JS，用户依然能获取核心内容，即使是老旧设备、慢速网络、关闭 JS 的浏览器也不例外。比如一个电商网站，即使没有样式和交互，用户也能看到商品列表和文字描述。增强层：HTML + CSS在 HTML 的基础上，添加 CSS 美化页面，让内容排版更合理、视觉效果更友好，提升用户的浏览体验。此时页面的核心功能依然不受影

解构赋值是ES6简化数据提取的语法，无需遍历、无需点语法，一行代码快速提取数组、对象中的数据，是项目开发高频用法。对比Object：Map的键可以是任意类型（字符串、数字、对象），遍历更方便，适合存储复杂数据。问题，优雅处理异步请求（接口请求、定时器、文件读取），是async/await的底层基础。const {name,age,gender="男"} = user;console.log(`我是

在前端开发中，我们不仅需要操作页面元素（DOM），还需要和浏览器本身进行交互，这就离不开BOM（浏览器对象模型）。BOM 是连接 JavaScript 与浏览器的桥梁，掌握它可以实现窗口控制、页面跳转、获取浏览器信息、弹窗交互等核心功能，是前端工程师必备的基础技能。BOM（Browser Object Model，浏览器对象模型）是 JavaScript 与浏览器交互的接口，它提供了一系列对象，允

在计算机程序运行、进程调度与任务执行流程中，同步与异步是两种核心的任务执行模型，它们从底层架构设计层面影响着整个系统的运行机制。后端服务开发领域：同步模型常用于需要严格顺序执行的业务逻辑，如银行交易处理系统异步模型则广泛应用于消息队列处理、微服务通信等场景2前端交互领域：同步操作用于DOM的即时更新异步操作则用于AJAX请求、WebSocket通信等3IO密集型操作：文件读写数据库查询网络请求等。

JavaScript凭借其灵活的动态类型系统、强大的异步编程能力和全栈开发能力，已成为现代Web开发的基石语言。其独特的单线程事件循环模型配合Promise、async/await等异步处理机制，能够高效处理I/O密集型操作，这使得JavaScript在构建响应式Web应用方面具有天然优势。作为一门全栈语言，JavaScript通过Node.js实现了服务器端开发能力，配合Express、Koa等

从本质上说，async/await 是 Promise 的语法糖，通过更直观的同步代码写法来处理异步操作。例如，在电商网站下单流程中，可能需要先验证用户身份，然后检查库存，最后完成支付，这些步骤必须严格按顺序执行。值得注意的是，虽然 async/await 简化了异步代码的编写，但仍需要理解其底层的 Promise 机制，特别是在处理并发请求或需要更精细控制异步流程时。在这些场景中，通常使用回调函