this 指向问题 :一般情况下this的最终指向的是那个调用它的对象
1.全局作用域或者普通函数中this指向全局对象window( 注意定时器里面的this指向window)
<script>
console.log(this);
function fn() {
console.log(this);
}
window.fn();
window.setTimeout(function() {
console.log(this);
}, 1000);
</script>
结果都为window。
2.方法调用中谁调用this指向谁
<script>
var o = {
sayHi: function() {
console.log(this); // this指向的是 o 这个对象
}
}
o.sayHi();
var btn = document.querySelector('button');
btn.onclick = function() {
console.log(this); // this指向的是btn这个按钮对象
}
btn.addEventListener('click', function() {
console.log(this); // this指向的是btn这个按钮对象
})
</script>