改变this指向的3个方法

本文介绍了JavaScript中改变函数中this指向的三种方法:call、apply和bind。call和apply在调用后立即执行,bind返回一个新函数供后续调用。此外,箭头函数不绑定this,而是从其所在作用域继承。它们不能作为构造函数,也不能使用new操作符,且不支持yield命令。
摘要由CSDN通过智能技术生成

函数中的this是在运行时候决定的,而不是函数定义时,有下列几种情况
1、全局环境中的this指window
2、其他函数中的this指向调用它的对象
3、在构造函数里用new调用,指向创建的新实例对象
4、使用call和apply改变函数中this的具体指向
apply的参数需要放在一个数组里面
bind改变this指向 返回函数调用执行
三个方法都是原型上

call

call的作用就与此相当,只不过call为stu添加了doThu方法后,执行了doThu,然后再将doThu这个方法从stu中删除。

 Function.prototype.mCall = function(ctx, ...arg) {
            var fnname = this.name + Math.floor(Math.random() * 100)  //fn()这个函数名避免重复
            ctx[fnname] = this;  //把fn这个函数到ctx上
            ctx[fnname](...arg);  //调用一下这个函数,传入的实参
            delete ctx[fnname];  //删除这个fn函数
        }
   var obj = {
            name: '张三',
            age: '80'
        }

        var a = {
            name: '1',
            age: '10',
            fn(na, ag) {
                console.log(this.name, this.age, na, ag);
            }
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿昊在

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值