js常见的var that = this的用法

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，this代表的是当前对象，只能在函数内部使用

var that=this就是将当前的this对象复制一份到that变量中

$(‘#conten').click(function(){
    //this是被点击的#conten
    var that = this;
    $(‘.conten').each(function(){
    //this是.conten循环中当前的对象
    //that仍然是刚才被点击的#conten
    });
});

可以看到，this对象在程序中随时会改变，而var that=this之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象

jquery jquery里边有一个特别典型的例子能说明用_this的作用

$("#btn").click(function(){
    var _this = this;//这里this和_this都代表了"#btn"这个对象
    $(".tr").each(function(){
          this;//在这里this代表的是每个遍历到的".tr"对象
          _this;//仍代表"#btn"对象
    })
})


这种情况就是在一个代码片段里this有可能代表不同的对象,而编码者希望_this代表最初的对象

JS可以多层嵌套代码，可能下面还可以再嵌一个方法，引用this就会变成子方法控制的对象，如果需要上级的对像，
在没有参数的情况下，前面前提做了一个临时变量_this，可以保存上级对像，子方法中就可以用_this来调用了，这才是目的。

         var obj = {             
             foo:function(){  
                 var that = this;            
                 return function(){
                     //return that.bar;
                     console.log(that);                     
                 }
             },
             bar:1
         }         
         var foo = obj.foo;
         obj.foo()();   //打印出来是  Object对象  指的是 obj本身 
         foo()();       //打印出来是的 Window对象 指的是window对象

         var obj = {
             
             foo:function(){  
                 var that = this;            
                 return function(){
                     //return that.bar;
                     console.log(that.bar);
                     
                 }
             },
             bar:1
         };
         var bar = 10;
         var foo = obj.foo;
         obj.foo()();   //打印出来的是 1 
         foo()(); //打印出来的是 10

思考题目：

代码片段一。

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());


代码片段二。

　　var name = "The Window";

　　var object = {
　　　　name : "My Object",

　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};

　　　　}

　　};

　　alert(object.getNameFunc()());

分别都弹出什么东西，思考一下。

js常见的var that = this的用法

猜你喜欢