区别

javascript中的this指向函数执行时的上下文，1. 默认绑定中，非严格模式下this指向全局对象，严格模式下为undefined；2. 隐式绑定中，this指向调用方法的对象；3. 显式绑定通过call、apply或bind指定this值；4. new绑定将this绑定到新创建的对象；5.…

finalizationregistry用于在javascript对象被垃圾回收时执行清理外部资源的回调。其使用步骤为：1. 创建实例并传入回调函数，用于接收对象回收后的关联值并执行清理；2. 使用register方法注册目标对象及其关联值，可选提供解除注册令牌；3. 可通过unregister方法…

weakset是一种存储对象弱引用的集合，其核心特性在于不阻止垃圾回收。1. weakset与set的核心区别：weakset持弱引用，set持强引用；weakset仅存对象，set可存任意值；weakset不可遍历且无size属性，set反之。2. 使用场景包括避免dom内存泄漏、标记已处理对象和…

在JavaScript中处理动态创建元素的点击事件时，常常会遇到e.target无法准确指向所需内容的问题。本文将深入探讨事件委托机制，并详细解析document.querySelector在处理动态内容时的常见陷阱。通过对比e.target.querySelector()和更具鲁棒性的closes…

在JavaScript事件委托中，准确获取动态生成子元素的特定属性是一项常见挑战。本文将深入探讨在使用document.querySelector()时可能遇到的定位不准确问题，尤其是在事件监听器内部，它可能错误地返回文档中第一个匹配的元素。我们将详细阐述如何利用e.target.querySele…

sessionstorage是浏览器提供的临时存储机制，数据生命周期绑定当前标签页，关闭即清除。1.用于跨页面或刷新后保持临时数据，如多步骤表单暂存、spa状态管理；2.区别于localstorage，sessionstorage仅在当前会话有效且作用域限于当前标签页；3.使用时需注意：仅存储非敏感…

array.isarray() 是 javascript 中用于判断一个值是否为数组的可靠方法。它返回布尔值，若参数是数组则返回 true，否则返回 false。相比 typeof 操作符，array.isarray() 能准确区分数组和对象，因为 typeof 对数组返回的是 “obj…

setinterval是javascript中用于重复执行函数的定时器函数，其基本语法为setinterval(callback, delay, [arg1, arg2, …])，callback为要重复执行的函数，delay为间隔时间（毫秒），可选参数会传递给callback；它返回一…

javascript的queryselector方法用于通过css选择器查找第一个匹配的dom元素。它接受一个css选择器作为参数，返回第一个匹配的元素或null，基本语法是element.queryselector(selectors)。1. queryselector只返回第一个匹配项；2. 若…

typeof操作符用于检测变量类型，返回字符串结果，可识别number、string、boolean、undefined和function；但会将null误判为”object”，这是历史遗留问题。要区分数组与对象需用array.isarray()，判断对象实例可用instan…