首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS:从外部函数获取运行时'this‘

在JavaScript中,函数的执行上下文决定了函数内部的'this'值。当函数被调用时,JavaScript引擎会根据函数的调用方式来确定'this'的值。

在外部函数中获取运行时'this'的方法有以下几种:

  1. 使用箭头函数:箭头函数没有自己的'this'绑定,它会继承外部函数的'this'值。因此,在箭头函数内部可以直接访问外部函数的'this'。
  2. 使用bind()方法:bind()方法可以创建一个新的函数,并将指定的'this'值绑定到新函数中。通过将外部函数的'this'作为bind()方法的参数,可以创建一个新函数,该函数在执行时会使用外部函数的'this'值。
  3. 使用call()或apply()方法:call()和apply()方法可以在函数执行时显式地指定函数内部的'this'值。通过将外部函数的'this'作为call()或apply()方法的第一个参数,可以在调用函数时将'this'值传递给函数。
  4. 使用变量保存外部函数的'this'值:在外部函数中,可以将'this'值保存到一个变量中,然后在内部函数中使用该变量来访问外部函数的'this'。

以上是从外部函数获取运行时'this'的几种常见方法。根据具体的使用场景和需求,选择合适的方法来获取'this'值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • TS 设计模式05 - 装饰者模式

    在 oop 中,继承是实现多态最简单的方案。同一类的对象会有不同表现时,我们基于此基类去写派生类即可。但有时候,过度使用继承会导致程序无法维护。比如说,人有一个展示自己外观的方法,穿上不同的衣服这个展现形式就不一样。一个人可以选择穿 T-shirt,裤子,裙子,外套等等,它的顺序和搭配是不固定的,如果使用继承,我们对每种组合都需要去定义一个类,比如穿裤子的人,穿裙子的人,穿裤子和裙子的人,先穿裤子再穿外套的人......这样会是我们的程序变得非常庞大而难以维护。 事实上,不管穿什么衣服,本质上仍然是人,衣服只是基于人类的装饰而已。装饰器模式允许向一个现有的对象添加新的功能,同时又不改变其结构。这种类型的设计模式属于结构型模式,它是作为现有的类的一个包装。

    01
    领券