JavaScript基础

在现代前端开发中，我们习惯了页面不刷新但 URL 却在变化的体验。这背后除了 Hash 模式，最核心的功臣就是 History 对象。

在 Web 2.0 时代之前，跳转页面意味着漫长的白屏等待。而 SPA（Single Page Application）的出现，彻底改变了 Web 应用的交互方式。

很多刚接触 Vue 或 React 的同学经常会问：为什么我点击了导航栏，URL 变了，内容也变了，但浏览器顶部的刷新图标却没有转圈？这就是前端路由跳转与原生页面刷新的本质区别。

在前端开发中，无论是获取 URL 参数、实现页面跳转，还是处理锚点定位，都离不开 location 对象。它既是 window 的属性，也是 document 的属性，是连接用户与网页地址的核心。

在浏览器环境中，window 对象扮演着双重角色：它既是 JavaScript 访问浏览器窗口的接口。理解 window 的属性与方法，是掌握浏览器环境开发的第一步。

JavaScript 的继承不像类类型语言（如 Java）那样直观。它是通过原型链机制实现的。理解各种继承方式的演进过程，不仅能帮你应对面试，更能让你深入理解 JS 的底层设计。

在 ES6 之前，JavaScript 开发者必须通过构造函数和原型链来模拟“类”的行为。ES6 引入了 class 关键字，虽然它本质上是语法糖，但它让面向对象编程变得更加清晰和标准。

在处理对象或数组时，我们经常遇到“改了 A，结果 B 也变了”的情况。这背后涉及到了内存地址、引用传递以及拷贝的深度问题。理解浅拷贝与深拷贝，是处理复杂数据流和状态管理关键。

在 JavaScript 中，遍历数据是我们每天都在做的事情。但是，你真的用对了吗？为什么有时候遍历数组会出现奇怪的属性？为什么对象不能用 for...of？本文带你从底层机制区分这两个“双胞胎“

在 JavaScript 面试中，有两座大山：一座是作用域链（管变量查找），另一座就是我们今天要讲的原型链（管属性查找和继承））。

在 JavaScript 开发中，我们无法保证代码永远不出错。网络请求失败、数据格式错误、甚至是 unexpected token 都可能导致程序崩溃。为了让我们的应用更健壮，学会“优雅地失败”。

从回调地狱到 Promise 链式调用，JavaScript 异步编程一直在进化。async/await 的出现，让我们能用编写同步代码的方式来写异步逻辑，它不仅是语法糖，更是对异步流程控制的一次革命

前言 在 JavaScript 中，函数一旦开始执行，通常会一走到底。但 Generator（生成器） 的出现打破了这一规则。

在 Web 开发中，“跨域”是每个前端开发者绕不开的坎。当你看到控制台报出 Access-Control-Allow-Origin 错误时，其实是浏览器的同源策略在起作用。

在 JavaScript 异步编程中，定时器是最基础的工具。但很多开发者只知道它们能延迟执行，却忽略了它们的误差来源、最大值限制以及浏览器后台运行优化等底层细节。

为什么 JavaScript 是单线程的却能处理异步 IO？为什么 setTimeout 并不总是准时？本文将从宏观的执行栈、任务队列，一直深入到浏览器底层的任务调度逻辑，带你彻底看透事件循环。

箭头函数（Arrow Function）是 ES6 最受欢迎的新特性之一。它不仅让代码更加简洁，更重要的是它解决了 JS 中长期存在的 this 指向混乱问题。

在 JavaScript 面向对象编程中，new 关键字是实例化对象的核心。面试官常常通过“手写 new”来考察你对原型链、this 绑定以及构造函数返回值的理解。

在 JavaScript 中，this 的指向是动态的，而 call、apply 和 bind 就是我们手中的“魔法棒”，专门用来手动控制 this 的指向.

在 ES6 普及之前，arguments 是我们处理不定长参数的唯一救星。但你是否遇到过在箭头函数中使用它报错的尴尬？本文将带你全面拆解 arguments 的特性、坑点以及它的现代替代方案。