- 单独使用,this 表示全局对象[object Window]
var x = this; // [object Window]
- 在函数中,this 表示全局对象[object Window]
function myFunction() {
return this; // [object Window]
}
- 对象方法中,this 表示该方法所属的对象
var person = {
firstName : "li",
lastName : "xiaoming",
myFunction : function() {
return this; // this表示person对象
}
};
- HTML 事件句柄中,this 指向了接收事件的 HTML 元素
// this表示这个按钮元素
<button onclick="this.style.color='blue'">一个按钮</button>
注意:当为元素绑定事件时,需要用到本元素的话还是要传递this参数的
<button onclick="myFunction(this)">一个按钮</button>
<script>
function myFunction(obj){
obj.style.color='blue'
}
</script>