for循环嵌套函数obj[i]undefined

本文介绍了一个常见的JavaScript事件绑定错误:使用全局变量而非正确的上下文对象。通过一个具体的例子,展示了如何正确地设置事件监听器,并解释了为什么使用this关键字而不是直接引用元素可以避免错误。

先说一下今天犯的一个错误

window.onload = function(){
          var tr=document.getElementsByTagName("tr");
          for(var i= 0;i<tr.length;i++)
          {
              tr[i].onmouseover=function(){
                tr[i].style.backgroundColor="#f2f2f2";//此处tr[i]导致js报错
                alert(tr[i]);
              }
          }
}

alert(tr[i])的结果为undefined,后来想了下,估计是for循环里的obj[i]并不能在其子函数中生效,果然,将tr[i]换成this.就好了。以后应该避免再犯类似错误。

/** * 深度克隆(支持复杂类型和循环引用) * @param obj 要克隆的对象 * @param visited 已访问对象记录(用于防止循环引用) * @returns 克隆后的新对象 */ public static clone(obj: any, visited = new Map()): any { // 基础类型直接返回 if (obj === null || typeof obj !== "object") { return obj; } // 防止循环引用 if (visited.has(obj)) { return visited.get(obj); } // 特殊类型处理 if (obj instanceof Date) { return new Date(obj.getTime()); } if (obj instanceof RegExp) { return new RegExp(obj); } if (obj instanceof Map) { const clonedMap = new Map(); visited.set(obj, clonedMap); for (const [key, value] of obj.entries()) { clonedMap.set(this.clone(key, visited), this.clone(value, visited)); } return clonedMap; } if (obj instanceof Set) { const clonedSet = new Set(); visited.set(obj, clonedSet); for (const item of obj) { clonedSet.add(this.clone(item, visited)); } return clonedSet; } // 数组处理 if (obj instanceof Array) { const clonedArr = []; visited.set(obj, clonedArr); for (let i = 0; i < obj.length; i++) { clonedArr[i] = this.clone(obj[i], visited); } return clonedArr; } // 构造新对象(保留构造函数,适用于简单类实例) const constructor = obj.constructor; let clonedObj: any; if (constructor && constructor !== Object) { clonedObj = new constructor(); } else { clonedObj = {}; } visited.set(obj, clonedObj); // 复制所有自有属性(包括 Symbol) const descriptors = Object.getOwnPropertyDescriptors(obj); for (const key in descriptors) { const descriptor = descriptors[key]; if (descriptor.value !== undefined) { descriptor.value = this.clone(descriptor.value, visited); } Object.defineProperty(clonedObj, key, descriptor); } // 可选:复制 Symbol 属性 const symbolKeys = Object.getOwnPropertySymbols(obj); for (const symbol of symbolKeys) { const descriptor = Object.getOwnPropertyDescriptor(obj, symbol); if (descriptor.value !== undefined) { descriptor.value = this.clone(descriptor.value, visited); } Object.defineProperty(clonedObj, symbol, descriptor); } return clonedObj; }/** * 深度克隆(支持复杂类型和循环引用) * @param obj 要克隆的对象 * @param visited 已访问对象记录(用于防止循环引用) * @returns 克隆后的新对象 */ public static clone(obj: any, visited = new Map()): any { // 基础类型直接返回 if (obj === null || typeof obj !== "object") { return obj; } // 防止循环引用 if (visited.has(obj)) { return visited.get(obj); } // 特殊类型处理 if (obj instanceof Date) { return new Date(obj.getTime()); } if (obj instanceof RegExp) { return new RegExp(obj); } if (obj instanceof Map) { const clonedMap = new Map(); visited.set(obj, clonedMap); for (const [key, value] of obj.entries()) { clonedMap.set(this.clone(key, visited), this.clone(value, visited)); } return clonedMap; } if (obj instanceof Set) { const clonedSet = new Set(); visited.set(obj, clonedSet); for (const item of obj) { clonedSet.add(this.clone(item, visited)); } return clonedSet; } // 数组处理 if (obj instanceof Array) { const clonedArr = []; visited.set(obj, clonedArr); for (let i = 0; i < obj.length; i++) { clonedArr[i] = this.clone(obj[i], visited); } return clonedArr; } // 构造新对象(保留构造函数,适用于简单类实例) const constructor = obj.constructor; let clonedObj: any; if (constructor && constructor !== Object) { clonedObj = new constructor(); } else { clonedObj = {}; } visited.set(obj, clonedObj); // 复制所有自有属性(包括 Symbol) const descriptors = Object.getOwnPropertyDescriptors(obj); for (const key in descriptors) { const descriptor = descriptors[key]; if (descriptor.value !== undefined) { descriptor.value = this.clone(descriptor.value, visited); } Object.defineProperty(clonedObj, key, descriptor); } // 可选:复制 Symbol 属性 const symbolKeys = Object.getOwnPropertySymbols(obj); for (const symbol of symbolKeys) { const descriptor = Object.getOwnPropertyDescriptor(obj, symbol); if (descriptor.value !== undefined) { descriptor.value = this.clone(descriptor.value, visited); } Object.defineProperty(clonedObj, symbol, descriptor); } return clonedObj; }这个方法有问题么
最新发布
07-11
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值