关于javascript中的this 一段小实例深有体会啊

先声明鄙人正在努力的把脚抬进门来，说的都是比较粗浅的知识，但都是我实践中得出的体会，很深刻。  正在自学中挣扎的DOG。

先看段代码：

function highlightRows() {
    if(!document.getElementsByTagName) return false;
    var tables = document.getElementsByTagName("table");
    for(var i=;i<tables.length;i++){
        var rows = tables[i].getElementsByTagName("tr");
        for(var j =;j<rows.length;j++){
            rows[j].onmouseover=function(){
                //rows[j].style.fontWeight="bold"; //这样无效
                this.style.fontWeight="bold";
            }
            rows[j].onmouseout=function() {
                //rows[j].style.fontWeight="normal"; //这样无效
                this.style.fontWeight="normal";
            }
        }
     }
}   //效果是为了鼠标放上去的时候 字体变粗。

说说我最开始的思维是怎么样的：就下面这段代码而言我以为上面的rows[j]和下面的row[j]  完全一样   j=0的时候就是指第一个tr  那么下面就是第一个tr实现

font-weight：bold；的效果了咯。打开网页什么都没有，还是和之前一模一样，查bug查半天也没有所以然，算了，照着书上把row[j]替换成this吧，再打开网页，

一放上去在就变粗了，但还是不明白为什么。so    书上做个标记：什么时候用this？this到底是什么？ 说明我还是想知道为什么是this就可以（ps：之前了解了点点

this 指调用包含this这个函数的对象，白话就是：那个对象调用包含this的这个函数，那么this就指谁  或者说this是值调用他的对象）。

.................................................................................................................................................................................................

for(var j =0;j<rows.length;j++){
            rows[j].onmouseover=function(){
                //rows[j].style.fontWeight="bold"; //这样无效
                this.style.fontWeight="bold";
            }

之后网上查了一通，但都没有解决我这个问题，虽然我从中get了很多新的知识，终有一天貌似看到了一样的疑问，看了下别人的评论，貌似也不是很懂错在哪里了，

也不知道为什么突然就觉得自己之前的理解是错误的，按着新的理解去走一遍，end 大呼自己好蠢，真的是蠢，不过也没办法，走进了那个坑里就不会那么轻易的爬出来。

以下是新的理解：在代码执行到for循环的时候，for循环依次把这个循环体解析出来了。与此同时我们并没有去触发onmouseover事件，那么后面的rows[j]并没有变，j还是一个变量，相应的后面的rows[j] 并没有像我们所想的那么与前面相同。只有等我们触发onmouseover的时候这个函数才会触发，这个变量j才会去找他的值是多少。

如下;

rows[0].onmouseover=function(){
                rows[j].style.fontWeight="bold";

            }
            rows[0].onmouseout=function() {
               rows[j].style.fontWeight="normal";

            }
rows[1].onmouseover=function(){
                rows[j].style.fontWeight="bold";

            }
            rows[1].onmouseout=function() {
               rows[j].style.fontWeight="normal";

            }
.............//依次下去  假设tr有9个  那么执行到j=9的时候就不会执行了  此时在函数体中  j=9！

看到现在应该知道j的值是9，由此可见不是与前面的rows[j]想对应。而且我们并没有rows[9]这个tr。而this很好的解决了我们的问题  他是指调用他的对象（简单的理解，虽不严谨），那么就是指tr。

都是很基础的东西，但对像我这样当时迷惑了的同学肯定有所帮助。 当彻底搞明白了这个为什么之后，收获的却是很多很多。共勉！（如有错处，还望指正批评）