函数内this指向
this的指向是在函数调用的时候决定的,调用方式不同决定了指向不同,一般都指向调用者。
- 普通函数 指向window,window为普通函数的调用者,window.fun();
- 对象方法的调用指向该对象。
- 构造函数调用指向实例对象,原型对象里面的方法也指向实例对象
- 事件绑定函数指向绑定事件对象
- 定时器函数和立即执行函数 都指向window
更改this指向方法:
1. call(thisObj, 参数1,参数2 ...)
var person = {
name: 'zhangsan',
age: 20
}
function say(x, y){
console.log(this.name)
console.log(this.age)
console.log(x, y)
}
say.call(person, 1, 2)// zhangsan// 20// 1 2
2. apply(thisObj, [参数1,参数2 ...])
var person = {
name: 'zhangsan',
age: 20
}
function say(x, y){
console.log(this.name)
console.log(this.age)
console.log(x, y)
}
say.apply(person, [1, 2])
// zhangsan
// 20
// 1 2
3.bind(thisObj, 参数1,参数2 ...)
var person = {
name: 'zhangsan',
age: 20
}
function say(x, y){
console.log(this.name)
console.log(this.age)
console.log(x, y)
}
say.bind(person, 1, 2)();
// zhangsan
// 20
// 1 2