ecmascript 6

JavaScript 继承的七种姿势：从“原型链”到“class”的进化史昨天我们聊了原型链，知道了JS对象之间是怎么“攀亲戚”的。今天咱们来聊聊继承——也就是怎么让一个对象“认祖归宗”，继承另一个对象的属性和方法。从最原始的手动操作，到ES6优雅的class语法，这中间有好几种姿势，每种都有自己的脾气。今天一次性给你盘清楚。

原型与原型链：JavaScript 的“家族关系”大揭秘有人说JavaScript里“万物皆对象”，但对象和对象之间怎么攀亲戚？今天我们就来扒一扒JS的“家族关系”——原型和原型链。看懂了它，你就理解了JS面向对象的核心，也能明白为什么一个数组能调用那么多方法。

闭包：那个“赖着不走”的家伙，到底有什么用？昨天我们认识了闭包——那个“虽然离开了家，但还记得家里密码”的神奇函数。今天咱们来深挖一下：闭包这玩意儿到底能干啥？有没有什么副作用？怎么防止它把内存吃光？看完这篇，你不仅知道闭包怎么用，还能在面试官面前侃侃而谈。

作用域与作用域链：JS 的“找东西”逻辑，闭包到底是个啥？为什么有的变量在函数里能用，在外面却报错？为什么循环里的i总是最后一个值？今天我们就来聊聊JavaScript的作用域和作用域链，顺便揭开闭包的神秘面纱。保证你看完之后，再也不用背面试题了。

JavaScript 数据类型全家福：谁是大哥大，谁是小透明？有人说JS里万物皆对象，有人说JS里类型多得让人头大。今天我们就来盘点一下JavaScript的七种基本数据类型和它们的“爸爸”Object，看看它们各自有什么脾气，日常相处中又有哪些让人哭笑不得的坑。

最短连续子串给两个字符串：找出 s 中最短的连续子串，使得这个子串包含 t 中所有字符（包括重复次数）。比如 t = "AAB"，那子串里至少要有 2 个 'A' 和 1 个 'B'。

JavaScript 中 this 的终极解析：从 call、bind 到箭头函数的深度探索在 JavaScript 编程的世界里，this 是一个既基础又令人困惑的概念。它看似简单，却常常在不经意间“背叛”我们的预期；它灵活多变，却又遵循着一套严格的规则。尤其当与 call、apply、bind 以及 ES6 引入的箭头函数结合时，this 的行为变得更加微妙而强大。

JavaScript 原生方法实现：数学与数字处理全解析JavaScript中的数字处理看似简单，实则隐藏着许多值得深入探讨的细节。从基本运算到复杂的大数处理，从浮点数精度到随机数生成，每个环节都影响着程序的准确性和可靠性。本文将系统性地解析JavaScript中数学与数字处理的核心实现，帮助你建立完整的技术认知体系。

破茧成蝶：Web 前端开发的三次革命与架构演进史在计算机科学的宏大叙事中，Web 前端的发展速度令人咋舌。从最初简陋的文档展示，到如今能够承载复杂 3D 交互（如 Three.js）和即时通讯的富应用平台，前端技术栈经历了一次又一次的推倒重来。

函数执行完就销毁？那闭包里的变量凭什么活下来！—— 深入 JS 内存模型在前端开发中，我们每天都在写函数、声明变量、使用闭包。但你是否曾思考过：JavaScript 引擎究竟是如何运行你的代码的？为什么一个函数执行完毕后，它内部的变量还能被外部访问？这些“自由变量”到底存在哪里？要回答这些问题，我们必须深入 JS 的执行机制与内存模型。

字符串方法手写实现：从模板解析到Unicode处理在JavaScript开发中，字符串操作无处不在。尽管现代JavaScript已经提供了丰富的字符串方法，但理解其底层原理并能够手动实现它们，是提升编程能力和解决复杂问题的关键。本文将深入探讨模板字符串解析、正则表达式方法、字符串加密算法以及Unicode编码处理，并在此基础上补充字符串基础操作、性能优化等实用内容。

JavaScript 数组原生方法手写实现在JavaScript开发中，数组方法是日常编码的核心工具。理解这些方法的内部实现原理不仅能帮助我们写出更高效的代码，还能在面试中展现扎实的基础。本文将完整实现JavaScript中最重要、最常用的数组方法，涵盖高阶函数、搜索方法、扁平化方法和排序算法。

一个空函数，如何成就 JS 继承的“完美方案”？在 JavaScript 的世界里，继承一直是开发者绕不开的话题。由于其基于原型（prototype）的独特机制，实现高效、安全、可维护的继承并非易事。从早期的原型链继承、构造函数继承，到组合继承，再到如今被广泛推崇的寄生组合式继承（Parasitic Combination Inheritance），我们终于找到了一个近乎完美的解决方案。

手写 new 操作符和 instanceof：深入理解 JavaScript 对象创建与原型链检测在JavaScript中，new操作符和instanceof操作符是面向对象编程的核心概念。理解它们的底层原理不仅能帮助我们更好地使用JavaScript，还能在面试中展现出更扎实的基础知识。

JavaScript 拷贝全解析：从浅拷贝到深拷贝的完整指南在Javascript开发中，数据拷贝是我们每天都会遇到的基础操作。然而，这个看似简单的概念背后隐藏着许多陷阱和细节。错误的数据拷贝可能导致难以调试的bug、内存泄漏甚至程序崩溃。

this 不是你想的 this：从作用域迷失到调用栈掌控一段代码揭示 JavaScript 作用域的本质我们从一段看似简单、却常被用作教学陷阱的 JavaScript 代码开始：

JavaScript 底层探秘：从执行上下文看 `this` 的设计哲学与箭头函数的救赎在 JavaScript 的学习过程中，this 关键字往往是最令人困惑的机制之一。很多开发者分不清“作用域链”查找变量和 this 指向的区别。

从日常使用到代码实现：B 站签名编辑的 OOP 封装思路与实践在浏览 B 站（哔哩哔哩）时，你或许留意到：点击个人主页的“个性签名”，无需跳转页面或弹出复杂表单，就能直接在原位置编辑。这种“就地编辑”（Edit-in-Place）的交互方式，简洁、直观又高效，极大优化了用户体验 ✨。

手写 call、apply、bind 的实现apply与call类似，只是第二个参数是数组bind返回一个新函数，需要处理更多边界情况

防抖（Debounce）防抖：在事件被触发 n 秒后再执行回调，如果在这 n 秒内又被触发，则重新计时。