一次搞定js中的this指向

一次搞定js中的this指向

js中this的指向是在运行时会变动的

这句话严谨的说是有问题的。

this这个关键词,在java中的解释是引用当前类的实例变量。这里有两个关键词当前类实例变量,说白了this当前执行方法的调用者

比如

const a = {
  say() {
    console.log(this === a);
  }
}
a.say(); // true
复制代码

再比如

class A {
  constructor() {
    this.name = "A";
  }
  say() {
    console.log(this.name);
  }
}
const a = new A();
a.say(); // "A"
const b = {
  name: "B",
  say: a.say
}

b.say(); // "B"
复制代码

但有时,我们会遇到下面?的情况

function sayThis() {
  // TODO
  console.log(this);
}
sayThis();
复制代码

一个方法,没有直接调用者。。。。

这种情况的时候,代码的效果就是这样的

function sayThis() {
  // TODO
  console.log(this);
}
this.sayThis();
复制代码

如果一个函数没有显式的调用者,那么,这个函数的调用者就是此函数执行的作用域中的this

所以,归根结底,this当前执行方法的调用者

?

?

?

?

?

?

?

你以为这样就结束了?Too young too simple

js中还有三个显式绑定this的方法,bindapplycall当使用这些方法指定执行函数的this时,那this基本上就是指定的了

基本上?有特殊情况吗?

有!!!!?

箭头函数

const sayThis = () => {
    console.log(this)
}
复制代码

上面的代码用babel编译之后

var _this = this;
var sayThis = function () {
    console.log(_this);
};
复制代码

很容易理解箭头函数中this的指向

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100937.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java异或什么意思_0与0异或

    Java异或什么意思_0与0异或异或^的几个作用一、交换两个整数的值而不必用第三个参数a=9;b=11;a=a^b;1001^1011=0010b=b^a;1011^0010=1001a=a^b;0010^1001=1011a=11;b=9;二、奇偶判断^a操作就是将a中的每一位按位逐一进行异或,例如a=4’b1010,则b=1^0^1^0=0,由此可以判断a中为1的位数是奇数还是偶数,是一个便捷的操作。三、格雷码(Graycode)格雷码(Graycode)是由贝…

    2022年10月4日
    3
  • densenet详解_densenet包

    densenet详解_densenet包DenselyConnectedConvolutionalNetworks,作者清华姚班的刘壮,获得cvpr2017bestpaper。非常值得阅读。DenseNet优势:(1)解决了深层网络的梯度消失问题(2)加强了特征的传播(3)鼓励特征重用(4)减少了模型参数DenseNet的网络基本结构如上图所示,主要包含DenseBlock和transitionlaye…

    2022年9月28日
    3
  • JVM 优化实战[通俗易懂]

    JVM 优化实战[通俗易懂]本文讲解了JVM的内存划分和分配策略,并以截图和脚本展示常用可视化和命令行工具的使用方法,完整演示了JVM优化、内存泄露排查、gc.log分析方法等。作者:王克锋 出处:https://kefeng.wang/2016/11/22/java-jvm/ 版权:自由转载-非商用-非衍生-保持署名,转载请标明作者和出处。1GC相关内存1.1内存划分1.1.1堆(Heap)存放 newM…

    2022年6月9日
    41
  • SSD网络原理解析[通俗易懂]

    SSD网络原理解析[通俗易懂]SSD网络是继YOLO之后的one-stage目标检测网络,是为了改善YOLO网络设置的anchor设计的太过于粗糙而提出的,其设计思想主要是多尺度多长宽比的密集锚点设计和特征金字塔,下面我将详细的解析SSD网络结构SSD网络结构精简版详细版通过上面这个图,大家可以清楚的看到SSD的网络结构主要分为以下几个部分:VGG16BaseLayer ExtraFeatureLayer DetectionLayer NMS补充说明:在整个SSD网络中,其…

    2025年8月9日
    1
  • jQuery 3.0正式发布

    jQuery基金会刚刚发布了该JavaScript框架的3.0版本,并且首次抛弃了对老旧的IE浏览器的支持。jQuery3.0的工作始于2014年10月,其最初目标是在2.

    2021年12月26日
    47
  • databus mysql搭建_Databus架构分析与初步实践(for mysql)

    databus mysql搭建_Databus架构分析与初步实践(for mysql)目前关于databus的相关资料较少,特别是针对mysql的文档尤为稀少。本篇文章中介绍了databus相关组件及实现原理,初步实现了databus对mysql数据库的数据抓取,希望对后续使用者能提供一定的参考作用。1.简介Databus是一个低延迟、可靠的、支持事务的、保持一致性的数据变更抓取系统。由LinkedIn于2013年开源。Databus通过挖掘数据库日志的方式,将数据库变更实时、可…

    2022年10月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号