WEB开发网
开发学院网页设计JavaScript javascript中不同方式的嵌套函数中this指针指向的... 阅读

javascript中不同方式的嵌套函数中this指针指向的对象的不同

 2010-09-14 13:45:33 来源:WEB开发网   
核心提示:我们通过一个测试来举出所有的情况,然后用自己的debug方法输出结果来判断嵌套时的this指向的对象是自己还是父对象下面是这个测试的前提html和css代码,用来显示测试结果:css和html代码1<style type="text/css">2.block{}{3 margin-top

我们通过一个测试来举出所有的情况,然后用自己的debug方法输出结果来判断嵌套时的this指向的对象是自己还是父对象

下面是这个测试的前提html和css代码,用来显示测试结果:

css和html代码

 1<style type="text/css">
 2.block{}{
 3    margin-top:5px;
 4    padding:10px;
 5    font-family:Verdana;
 6    font-size:12px;
 7    background-color:#e0ecf9;
 8    width:90%;
 9    overflow:hidden;
10    border:1px #4B8FE3 solid;
11    padding-left:4px;
12    }
13</style>
14<div id="debug1" class="block">
15.
16</div>

之后是一些增加的系统函数,用来更方便的实现某些测试功能:

基础代码

 1function $$(ele){
 2        return document.getElementById(ele);
 3        }
 4function adddebug(e1,e2){
 5        $$("debug1").innerHTML+=e1+":"+e2+"<br />";
 6        }
 7//用来显示当前对象的所有属性和方法,用来测试this所指的对象,以及输出所有的属性的值
 8Object.prototype.printToScreen=function(objname,ele){
 9    div=document.createElement("div");
10    div.className="block";
11    div.innerHTML+="当前对象+"+objname+"<br />"+"<HR/>";
12    count=7;
13    for(i in this){
14        if(count==0) {div.innerHTML+="此对象含有大量的属性,已经省略之";break;}
15       div.innerHTML+="<font color=#ff00ff>"+i+"</font>"+":"+"<font color=#0ff00d>"+this[i]+"</font>"+"<br />";
16       count--;
17        }
18    $$("debug1").appendChild(div);
19    }

1 2 3  下一页

Tags:javascript 不同 方式

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接