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

我们通过一个测试来举出所有的情况,然后用自己的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　　　 }