箭头函数的this指向谁_JavaScript—this指向(函数运行时所在的环境对象)

cfafb51771474ef295b7746a0f9e8740.png

1、作为函数调用,this指向全局对象

var q = 'window'var func = function { console.log(this.q)}func() //window2、作为对象的方法调用,该对象即为 q: 'obj', func: func, anotherObj: { q: 'anotherObj', func: func }}obj.func() //objobj.anotherObj.func() //anotherObj

3、作为构造函数调用,构造函数试图初始化这个新创建的对象,并将这个对象作为其调用上下文,this 指向这个新创建的对象。

var q = 'window'function Func() { this.q = 'Func' console.log(this.q)}var obj = new Func //Funcconsole.log(this.q) //window

4、通过函数的call/apply方法间接调用, call/apply方法的第一个参数是调用上下文,在函数体内,通过this获得对它的引用。

var q = 'window'function func() { console.log(this.q)}var obj = { q: 'obj'}func.apply() //windowfunc.call() //windowfunc.apply(obj) //objfunc.call(obj) //obj
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值