this指向
1：全局下的this指向window
2：函数中的this，谁调用指向谁
3：事件处理函数中this谁触发指向谁
4：对象中的this默认指向当前对象
5：箭头函数中没有this，但是箭头函数中出现this就去父域中找父域this指向谁就指谁
6：构造函数中的this指向构造函数的对象
上面我们说了this几种情况的指向，那么我们该如何分辨this的指向呢？
观察this指向的步骤
下面就是this指向的步骤：
第一步：看this在哪里
全局this指向window
第二步：区分在什么函数中
箭头函数中：this是找上一层作用域的this【自己没有】
上层作用域为全局【指向window】
上层是【function函数】，按下面步骤走
function函数：
事件处理函数：this指向【触发事件的对象】谁绑定指向谁
构造函数：this指向构造函数创建的对象
定时器函数：this指向window；
普通函数：根据情况而定；
第三步：看是否有bind()，call()，apply()
有，使用【谁调用指向谁】
无，谁调用指向谁
注意：this.xxx = nnn ，是重新复制还是添加属性
这里我们重点看一下函数中的this举例：
1：普通函数调用，此时 this 指向 window
function fn() {
console.log(this); // window
}
fn(); // window.fn（),此处默认省略window
2.构造函数调用， 此时 this 指向 实例对象
function Person(age, name) {
this.age = age;
this.name = name
console.log(this) // 此处 this 分别指向 Person 的实例对象 p1 p2
}
var p1 = new Person(18, 'zs')
var p2 = new Person(18, 'ww')
3.对象方法调用， 此时 this 指向 该方法所属的对象
var obj = {
fn: function () {
console.log(this); // obj
}
}
obj.fn();
4.通过事件绑定的方法， 此时 this 指向 绑定事件的对象
<body>
<button id="btn">hh</button>
<script>
var oBtn = document.getElementById("btn");
oBtn.onclick = function() {
console.log(this); // btn
}
</script>
</body>
5.定时器函数， 此时 this 指向 window
setInterval(function () {
console.log(this); // window
}, 1000);
这些就是一些常见的this指向的问题，下次我们将讲一下改变this指向的操作。
扫一扫
145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
