js中this 的指向及改变this指向方法

函数内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
 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值