js中this指向问题
this指向问题：this的指向在函数调用时是确定不了的，只有函数执行时才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象
<body>
<button>点击</button>
<script>
// this 指向问题 一般情况下this的最终指向的是那个调用它的对象
//1.全局作用域或者普通函数中this指向全局对象window（注意定时器里面的this指向window）
console.log(this); //全局变量的this指向window
function fn() { //普通函数中的this指向window
console.log(this);
}
window.fn(); //普通函数中的this指向window ，因为在函数调用时前面一般都省略了调用者---window
window.setTimeout(function() { //定时器里面的this也是指向this，因为前面也是一般省略 window
console.log('定时器：' + this);
}, 1000)
//2.方法调用中谁调用 this指向谁
var o = {
sayHi: function() {
console.log(this); // this指向的是 o 这个对象
}
}
o.sayHi(); //这里的this指向的是调用方法的 o;
var btn = document.querySelector('button');
btn.onclick = function() {
console.log(this); // this指向的是btn这个按钮对象
}
btn.addEventListener('click', function() {
console.log(this); // this指向的是btn这个按钮对象
})
// 3.构造函数中this指向构造函数的实例
function Fun() {
console.log(this); // this 指向的是fun 实例对象
}
var fun = new Fun();
</script>
扫一扫
1850
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
