javascript中的this到底指什么

JavaScript：this是什么？

定义：this是包含它的函数作为方法被调用时所属的对象。

说明：这句话有点咬嘴，但一个多余的字也没有，定义非常准确，我们可以分3部分来理解它！

1、包含它的函数。2、作为方法被调用时。3、所属的对象。

看例子：

function to_green(){

thisstylecolor="green";

}

to_green();

上面函数中的this指的是谁？

分析：包含this的函数是，to_green

该函数作为方法被调用了

该函数所属的对象是。。？我们知道默认情况下，都是window对象。

OK，this就是指的window对象了，to_green中执行语句也就变为，windowstylecolor="green"

这让window很上火，因为它并没有style这么个属性，所以该语句也就没什么作用。

我们在改一下。

windowload=function(){

var example=documentgetElementById("example");

exampleonclick=to_green;

}

这时this又是什么呢？

我们知道通过赋值 *** 作，example对象的onclick得到to_green的方法，那么包含this的函数就是onclick喽，

那么this就是example引用的html对象喽。

this的环境可以随着函数被赋值给不同的对象而改变！

下面是完整的例子：

<script type="text/javascript">

function to_green(){

thisstylecolor="green";

}

function init_page(){

var example=documentgetElementById("example");

exampleonclick=to_green;

}

windowonload=init_page;

</script>

<a href="#" id="example">点击变绿</a>

btclick  相当于一个函数被绑定到了元素上，所以函数调用的时候，是这个元素触发的函数执行。

所以这个this指代的是元素。

和下面的例子不同。

var length = 10;

var a = {

    length : 4,

    b : function(){

        alert(thislength)    ---> 这个时候this指代的是a。

    }

}

在一般函数方法中使用 this 指代全局对象

2作为对象方法调用，this 指代上级对象

3作为构造函数调用，this 指代new 出的对象

4apply 调用 ，apply方法作用是改变函数的调用对象，此方法的第一个参数为改变后调用这个函数的对象，this指代第一个参数

你console一下就能看到了。。。具体来说你当前触发的元素就是this this就是当前触发当前事件的元素。你说后两个不能用listitem(i)替换，这是肯定的，因为现在的i已经等于listslength-1了，具体原因就是闭包，你可以用let在for循环里面声明。

angularjs中的this与$scope的作用基本一样。

所以，并不能像在jq或者js中那样传递。

得想其它办法。

如果是循环，如果考虑把$index传递到控制器中去，模版中每个循环加个变量："test{{$index}}",然后控制器中通过控制test+$index这个变量的值来达到控制对应dom元素的目的。

以上就是关于javascript中的this到底指什么全部的内容，包括:javascript中的this到底指什么、关于js中this的对象是谁。、js中的this如何使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！