原型原型链原型 每个 JS 对象（除 null）都有一个隐藏的 [[Prototype]] 属性，指向它的“原型对象”（简称原型） 原型对象也是一个普通对象，它包含可以被其他对象共享的属性和方法 作用：存放一些属性和方法 + 在JS中实现继承 原型链可以通过实例对象的 __proto__ 属性访问原型 1234const arr = new Array(1, 2, 3)arr.reverse() // 翻转arr.sort() // 排序 // 这些方法都是挂载到Array.prototype上的，可以共享给所有的数组实例使用console.log(Array.prototype === arr.__proto__); // true 所有原型对象的终点是null 原型链的顶端通常是 Object.prototype 当访问一个对象的属性或方法时，JS 会沿着对象的原型链逐级向上查找，直到找到该属性或到达原型链的终点（null）。 12const obj = {};console.log(Object.prototype.__proto__) ...

new基础 new会创建空的新对象{}，这个对象会被作为构造函数的上下文(就是this) 新对象会链接到原型，内部属性 [[Prototype]] (__proto__ 指向构造函数的 prototype 属性) 1234567891011121314function Person(name, age) { // 构造函数首字母通常大写，以区分普通函数 this.name = name; this.age = age;}Person.prototype.greet = function () { // 设置原型上的方法 console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);};// 使用 new 创建实例const alice = new Person('Alice', 25); // 创建了一个新的对象 {...} // alice.__pr ...

防抖和节流防抖 重新开始，只执行最后一次 搜索框输入、文本编辑器实时保存 1<input type="text" class="ipt" @keyup="handleKeyUp($event)" /> 123456789const timerId = ref(null); // 使用 ref 来存储定时器 IDconst handleKeyUp = function (event) { if (timerId.value !== null) { clearTimeout(timerId.value); // 清除之前的定时器 } timerId.value = setTimeout(() => { console.log(event.target.value); // 打印输入框的值 }, 1000);}; 节流 中间禁用，只执行最先一次 快速点击、鼠标滑动、scroll事件、下拉加载、视频 ...

WeakMap & Map核心区别在于键类型、内存管理及可遍历性： 键类型限制：WeakMap 仅接受对象作为键（非对象如字符串、Symbol会报错），而Map支持任意类型键值。 弱引用机制：WeakMap的键是弱引用，若键对象无其他强引用，垃圾回收时自动清除对应条目，避免内存泄漏；Map强引用键，即使对象不再使用，仍保留条目导致内存无法释放。 可遍历性：WeakMap不可遍历（无size、keys()等方法），Map支持迭代器访问所有条目。 API差异：WeakMap仅有get、set、has、delete方法，Map额外提供clear、forEach及迭代接口。 应用场景对比： WeakMap：适合关联对象与元数据且无需手动清理（如DOM元素绑定事件处理器，元素移除后自动释放）。 Map：需长期维护键值对或遍历操作的场景（如缓存数据、频率统计）。 示例： 12345678910// WeakMap：键为对象，自动清理 const wm = new WeakMap(); let obj = {}; wm.set(obj, 'data ...

SymbolSymbol 是 JavaScript 中一种唯一且不可变的原始数据类型，其核心应用场景和内存管理特性如下： 使用场景 唯一属性键解决对象属性名冲突问题，确保第三方库扩展对象属性时互不影响： 12const LOG_LEVEL = Symbol('log');const config = { [LOG_LEVEL]: 'debug' }; // 避免与可能的现有属性冲突 模拟私有成员通过非枚举特性隐藏内部实现（需配合闭包）： 12345678const _counter = Symbol('counter');class MyClass { constructor() { this[_counter] = 0; // 外部无法直接访问 } increment() { this[_counter]++; }}// 注：通过Object.getOwnPropertySymbols仍可访问，非绝对私有 内 ...

深/浅拷贝深浅拷贝的核心区别在于是否递归复制对象的所有层级引用类型属性，常见实现方案如下： 浅拷贝实现 将原始对象或数组中的元素逐个复制到新对象或数组中 只会复制它们的引用，而不会创建这些嵌套对象或数组的新副本（改变原始对象会同时影响拷贝对象） Object.assign() 12345const obj = { a: 1, b: { c: 2 } };const copy = Object.assign({}, obj);console.log(copy); // { a: 1, b: { c: 2 } }obj.b.c = 3;console.log(copy.b.c); // 输出: 3 (修改了原始对象的嵌套对象，影响到了浅拷贝) 扩展运算符（...） 12345const obj = { a: 1, b: { c: 2 } };const copy = { ...obj };console.log(c ...

内存泄漏 不再使用的内存未被 GC 机制释放，导致 内存占用持续增长，最终可能引发性能问题或程序崩溃。 该问题只存在于启动的相关页面进程中，并不会永久性地占据电脑内存 一旦相关进程结束（关闭浏览器标签、重启浏览器或应用）操作系统会回收该进程占用的所有内存。 导致成因全局变量 意外出现的全局变量 全局变量不会被 GC 回收，直到页面关闭 123function leak() { leakedData = new Array(1000000); // 未使用 var/let/const，变量变为全局变量} 使用严格模式（'use strict'）避免隐式全局变量 闭包 闭包引用的外部变量会长期驻留内存 12345function createClosure() { const largeData = new Array(1000000); return () => console.log(largeData); // largeData 被闭包引用，会长期驻留内存}const closure = c ...

垃圾回收机制（GC）核心思想垃圾回收器会定期检查堆内存的对象，判断哪些对象仍然被引用（“可达”）或不再被引用（“不可达”） 对于不可达的对象，垃圾回收器会将其占用的内存进行回收 可达：该对象可以通过作用域链、全局对象或其他对象的引用来访问 回收算法引用计数（已很少使用）每个对象都有一个引用计数器，记录有多少引用指向它 当引用计数为 0 时，表示该对象不可达，可以被回收 但无法处理循环引用问题 123456789function createCycle() { let obj1 = {}; let obj2 = {}; obj1.ref = obj2; // obj1 引用 obj2 obj2.ref = obj1; // obj2 引用 obj1 return [obj1, obj2];}let cycle = createCycle();cycle = null; // 即使外部没有引用，obj1 和 obj2 仍然互相引用 标记清除（最常用）垃圾回收器从根对象（如全局对象）开始，递归地标 ...

V8引擎 是一个由 Google 开发的高性能 JavaScript 引擎 为了提高 Chrome 浏览器中的 JavaScript 执行速度而设计的 能够将 JavaScript 代码直接编译成原生机器码并执行，而不是解释执行 工作原理 解析（Parsing）：当 JavaScript 代码被加载时，V8 首先将其解析为抽象语法树（AST） Ignition（解释器）：V8 使用名为 Ignition 的解释器来解释执行 AST TurboFan（优化编译器）：针对频繁执行的代码段，Ignition 会收集运行时信息，并将这些代码传递给 TurboFan 进行优化编译。TurboFan 能够生成高度优化的机器码，显著提高性能。 垃圾回收（Garbage Collection, GC）：V8 实现了高效的内存管理机制，通过标记清除、分代收集等策略自动回收不再使用的对象，减少内存泄漏的风险。 特性 即时编译（JIT Compilation）：不同于传统的解释型语言，V8 采用即时编译技术，在运行时动态地将字节码转换为机器码，以提升执行效率。 隐藏类（Hidden Classes）：为了 ...