Javascript的关于this用法的一个问题的分析

function show(){
    this.a="1";//我的理解是 这里的 this 指bb
    alert(this.a+this.b+this.c+this.d);//显示"1undefinedundefinedundefined"
    show2();
    function show2(){
      this.b="2";
      alert(this.a+this.b+this.c+this.d);// 显示 "undefined2undefinedundefined" 为什么 this.a 是 undefined ......
      show3();
      function show3(){
        this.c="3";
        alert(this.a+this.b+this.c+this.d);//显示 "undefined23undefined" 这里 为什么 不是 "undefinedundefined3undefined"
        show4();
        function show4(){
          this.d="4";
          alert(this.a+this.b+this.c+this.d);//显示 "undefined234" 为什么 this.a 都是 undefined 
        }
      }
    }

 
 

var bb=new show();

 

刚看到网上有人对这个问题的讨论,自己的分析如下

 

关键点:

一般没有为函数指定调用者的时候,this指的就是全局变量this

 

 this.a="1";//我的理解是 这里的 this 指bb
 alert(this.a+this.b+this.c+this.d);//显示"1undefinedundefinedundefined"
 当走到这一步的时候,当前的this应该指向的是 bb这个对象

 

 this.b="2";
 alert(this.a+this.b+this.c+this.d);// 显示 "undefined2undefinedundefined" 为什么 this.a 是   undefined ......

 

show2();
当调用show2的时候,并没有为show2指定调用者,这个时候函数里面的this应该指向的是window.

 

可以换一种写法,可以更加清晰的显示:

function show(){
    this.a="1";//我的理解是 这里的 this 指bb
    alert(this.a+this.b+this.c+this.d);//显示"1undefinedundefinedundefined"
    this.show2 = function (){
      this.b="2";
      alert(this.a+this.b+this.c+this.d);// 显示 "undefined2undefinedundefined" 为什么 this.a 是 undefined ......
      this.show3=function (){
        this.c="3";
        alert(this.a+this.b+this.c+this.d);//显示 "undefined23undefined" 这里 为什么 不是 "undefinedundefined3undefined"
        this.show4=function (){
          this.d="4";
          alert(this.a+this.b+this.c+this.d);//显示 "undefined234" 为什么 this.a 都是 undefined 
        }
        this.show4();
      }
      this.show3();
    }
    this.show2();
  }
  var bb=new show();    

 

 

 

 

 

评论

1 楼 pian_yun 2008-11-17  

我的理解是,没事实例化的function xxx(){}里面的this是指window,这时候function相当于一个过程函数。实例化后var x = new xxx()里面的this指实例对象，这时候function相当于一个类。javascript太灵活了。。。-_-||