js中的this
- this
this指向:一般来说,哪个对象调用函数,函数里面的this指向哪个对象
普通函数调用:指向全局对象window
var son = '儿子'
function fun(){
var son = '女儿'
console.log(this.son)//儿子
console.log(son)//女儿
}
fun()
对象函数调用:那个对象调用,this就指向那个对象
var a = 'aaa'
var obj = {
a: 'bbb',
fn: function(){
console.log(this.a)//bbb
}
}
obj.fn()
构造函数调用:this指向构造函数的实例化对象
var Father = function(){
this.unmae = '张三'
}
var baba = new Father()
baba.unmae = '李四'
console.log(baba.unmae)//李四
var mama = new Father()
console.log(mama.unmae)//张三
call,apply,bind:都能改变this指向,
call和apply都会调用函数, call和apply的第一个参数都是this指向的对象,不同点在后面的参数,call的参数是直接放进去用逗号分隔,而apply则是传一个数组。bind和call一样,只不过bind不会调用函数。
箭头函数:箭头函数里的this会继承外面的环境
//箭头函数
var obj1 = {
a1: 'aaa',
fn1: function(){
setTimeout(function(){
console.log(this.a1)//undefined
)};
var that = this
setTimeout(function(){
console.log(that.a1)//aaa
});
setTimeout(() => {
console.log(this.a1)//aaa
})
}
}
obj1.fn1()
var that = this;在函数外面添加var that = this,函数内部使用that获取外面的this数据