一次搞定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的指向

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 欧拉回路是简单回路_欧拉回路的充分必要条件

    欧拉回路是简单回路_欧拉回路的充分必要条件题目大意就是让你对有向图和无向图分别求欧拉回路非常的模板,但是由于UOJ上毒瘤群众太多了所以你必须加上一个小优化就是每次访问过一个边就把它删掉有点像Dinic的当前弧优化的感觉注意是在dfs完一个节点把当前的边加入到栈里面然后输出的时候为了保证原来的顺序就直接弹栈就好了//Author:dream_maker#includeusingnamespacestd;//————–…

    2022年10月27日
  • velocity定义_velocity模板

    velocity定义_velocity模板文章目录基本用法导入依赖1.基本用法1.1注释1.2替换变量1.3不解析,原文输出1.4调用对象方法指令setifelse基本用法导入依赖<dependency> <groupId>org.apache.velocity</groupId><artifactId>velocity</artifactId><version>1.7</version></dependency&

    2022年10月19日
  • h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」

    h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的

  • 麦克风阵列波束形成

    麦克风阵列波束形成波束形成beamforming体现的是声源信号的空域选择性,许多传统波束形成方法具有线性处理结构;波束形成需要考虑三个方面:1.麦克风阵列个数;2.性能;3.鲁棒性在麦克风较少时,波束形成的空域选择性差,当麦克风数量较多时,其波束3dB带宽较为窄,如果估计的目标声源方向有稍有偏差,带来的影响也更大,鲁棒性不好。通常鲁棒性和性能是对矛盾体,需要均衡来看。通常波束方向图需要随环境的语音/

  • iframe的高度自适应_div自适应高度

    iframe的高度自适应_div自适应高度Demo页面:主页面iframe_a.html,被包含页面iframe_b.htm和iframe_c.html下面开始讲:通过Google搜索iframe自适应高度,结果5W多条,搜索iframe高度自适应,结果2W多条。我翻了前面的几十条,刨去大量的转载,有那么三五篇是原创的。而这几篇原创里面,基本上只谈到如何自适应静的东西,就是没有考虑到JS操作DOM之后,如

    2022年10月12日
  • ubuntu18.04.1 NFS服务器

    1、安装NFS软件包zhang@zhang-virtual-machine:~$sudoapt-getinstallnfs-kernel-server//安装NFS服务器端zhang@zhang-virtual-machine:~$sudoapt-getinstallnfs-common//安装NFS客户端2、添加NFS共享目录把/nfsroot目录设…

发表回复

您的电子邮箱地址不会被公开。

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