javascript闭包问题

最近没事在看H5的一些内容,写着玩玩。今天写H5玩的时候发现了一个很奇怪的问题:

@D%~NWYZY5NQO%~DT$}SH@G.png

这段代码满足不了要求:鼠标移到表行时背景色变色。
看了好大一会儿才发现了问题所在:
trEles[i].onmouseover = function() 绑定事件这一步没问题,问题出在方法内部:trEles[i].style.backgroundColor = "red";
这个事件是个触发事件,只有当鼠标悬停时才去触发,当触发这个事件时,走到方法内部,trEles[i]这个时候i是什么并不知道因为方法内部并没有去定义他,所以网上寻找到for循环里,有i,但这个时候for循环早完了,i这个时候值为3,执行的话是trEles[3].style.backgroundColor = "red";根本不存在trEles[3]所以就实现这个需求。
知道了这一点,就不能让其受变量i的影响,我们可以直接传递这个对象解决这个问题:

![$3SOEGZ_{MJ@6BDS8G1$R7.png

然后我在网上搜了搜,这部分好像就是javascript闭包的内容了,很棒,有时间多看看,对方法的执行加深认识。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • jvascript闭包是每个前端工程师必须了解的知识点,它简便的解决很多项目 中棘手的问...
    zhangjianli阅读 313评论 0 3
  • 1.闭包的概念 JavaScript中什么是闭包?首先我们要知道在JavaScript中,函数中声明变量函数外是无...
    枫丶筱阅读 306评论 0 2
  • 基本概念 事件是一些特定动作发生时所发出的信号,JavaScript中的事件是可以被 JavaScript 侦测到...
    Zd_silent阅读 479评论 0 1
  • 前言 前几天看了一篇关于闭包的文章,才想起还有闭包这东西,好久没有用到,都快把它忘记了。于是才复习一下,记下这文章...
    yimi珊阅读 523评论 0 1
  • 流浪的日子快要结束了,接下来是漫长的漂泊。 我曾背着孤单的想念,在飞掠的大地,走着你走过的路,听你听过的歌,翻你看...
    鯨魚兒阅读 313评论 0 1