小洛的前端技术博客Appearance
JS概述
TIP
JavaScript（简称 JS）是一种轻量级脚本语言，主要用来实现网页交互逻辑。它能让静态网页 “动起来”
- 表单验证（输入错误提示）
- 动态效果（轮播图、弹窗）
- 数据交互（Ajax 请求后端数据）
📚 入门必看
MDN Web Docs
🌟 官方权威文档，从语法到 API 全覆盖
📚 地址：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
📌 用法：遇到任何语法问题，先查 MDN！
《你不知道的 JavaScript》
🌟 深入理解 JS 核心机制（作用域、原型链、异步等）
🌱 进阶提升
JavaScript30
🌟 30 天纯 JS 实战项目（动画、交互、原生 API）
📌 配套视频：B 站搜索 “JavaScript30 中文教程”
ES6 + 新特性指南
🌟 全面解析箭头函数、模块化、Promise 等 ES6 + 语法
🧠 算法与面试
javascript-algorithms
🌟 用 JS 实现常见算法（排序、搜索、动态规划），附可视化图解
JavaScript 面试题 500+
🌟 涵盖闭包、原型链、Event Loop 等高频考点
📚 地址：https://github.com/sudheerj/javascript-interview-questions
🛠 工具与生态
Node.js：后端 JS 运行环境，用于构建 API、工具链等
🔗 官网：https://nodejs.org/
npm/yarn：包管理工具，安装第三方库（如 React、Vue）
Webpack/Babel：打包工具 & 语法转换器，用于现代项目开发
基础语法
数据类型
原始类型：string、number、boolean、null、undefined、symbol（ES6+）
引用类型：object（数组、函数、对象）
运算符
算术运算符：+、-、*、/、%
比较运算符：==（宽松相等）vs ===（严格相等）
逻辑运算符：&&（与）、||（或）、!（非）
流程控制
条件语句：if...else、switch
循环语句：for、while、do...while
新特性：for...of（遍历可迭代对象，ES6+）
核心概念（进阶必备）
函数
普通函数：function fn() {}
箭头函数：const fn = () => {}（更简洁，无this绑定问题）
作用域：全局作用域 vs 函数作用域 vs 块级作用域（let/const，ES6+）
对象与原型链
对象字面量：const person = { name: "Alice", age: 20 }
原型链：JS 继承的核心机制，obj.__proto__ === Object.prototype
异步编程
回调函数：setTimeout(callback, 1000)
Promise：解决回调地狱，new Promise((resolve, reject) => {})
async/await：同步写法处理异步逻辑（ES2017）