【JavaScript】执行上下文中this的绑定

本文详细介绍了JavaScript中的this绑定规则,包括默认绑定、隐式绑定、显式绑定、new绑定和箭头函数的绑定。重点阐述了各种情况下的this指向,并给出了优先级顺序:显式绑定>隐式绑定>默认绑定,new绑定>隐式绑定>默认绑定。同时,文中还提到了函数作为参数和赋值时this的特殊情况。
摘要由CSDN通过智能技术生成

【默认绑定】

即为直接调用,函数调用无调用前缀,则this指向全局对象window(严格模式中指向undefined)

【隐式绑定】

如果函数调用,存在调用的对象,则this会隐式的绑定到这个对象上

function f() {
    console.log(this.a);
}

var s = {
    a: 1,
    fs: f
}

s.fs(); // 输出1

PS:如果将函数作为形参或者赋值给了其他参数,则调用的时候不会发生隐式绑定,而是算作直接调用,this指向全局对象

【显式绑定】

指的是我们通过调用call(),apply(),bind()等方法改变this的行为

PS:bind方法返回一个新的函数对象,而且新的函数对象无法再被修改this指向,call与apply方法相同,但apply方法参数是一个数组,需要先解析一遍数组

【New绑定】

new一个函数,首先根据构造器的prototype属性创建一个新对象,然后执行构造方法,这个时候新对象中的this会指向新对象

【箭头函数的绑定】

箭头函数中的this会寻找到父作用域中this的指向去绑定,且无法改变

【优先级】

显式绑定 > 隐式绑定 > 默认绑定

new绑定 > 隐式绑定 > 默认绑定

【参考文档】

https://www.cnblogs.com/echolun/p/11962610.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值