this的指向问题
1,普通函数中的this是指向window(非严格模式)
2,普通函数中的this是指向undefined(严格模式)
//严格模式是es5提出的
function foo() {
"use strict"
console.log(this)
}
foo();
3,构造函数中的this是实例对象
4,原型方法中的this是实例对象(与构造函数中的this相同)
5,定时任务中函数的this是widow
6,对象方法中的this是调用方法的那个对象
7,箭头函数中的this是定义函数的位置的this(父级函数的this)
8,事件函数中this指向事件对象
如何修改this的指向?
常用的三种方法:
call
apply
bind (ES5新特性)
三者的相同点:
1、都是用来改变函数的this对象的指向的。
2、第一个参数都是this要指向的对象。
3、都可以利用后续参数传参。
三者的区别
call和apply都可以调用方法,两者的唯一区别就是参数形式不同
call的参数是单个的、apply的参数是数组
call和apply会调用函数,并且改变函数的this的指向只在调用的那个函数中,函数再次调用(不用call和apply)this指向和原来的一样
bind 不会调用函数,并且函数的this改变是持续的,后续在调用也是this指向改变后的this指向,bind的返回值是一个函数,并且这个函数是this值改变后的