js常见的var that = this的用法

Posted agansj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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来调用了,这才是目的。




以上是关于js常见的var that = this的用法的主要内容,如果未能解决你的问题,请参考以下文章

js下的this都有哪些用法

var that = this 小坑记

浅析 var that = this;

前端js中的this

Javascript中var that=this;是什么意思(转)

var that = this - 你能帮我理解吗[重复]