一次搞定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)


相关推荐

  • mysql创建索引视图_mysql中创建视图、索引[通俗易懂]

    mysql创建索引视图_mysql中创建视图、索引[通俗易懂]数据库的三级模式两级映射:存储文件——>基本表—–>视图内模式——->模式——>外模式一、视图1、什么是视图:视图是从一个或多个表中导出来的表,是一种虚拟存在的表。视图就像一个窗口,通过这个窗口可以看到系统专门提供的数据。这样,用户可以不用看到整个数据库中的数据,而之关心对自己有用的数据。数据库中只存放了视图的定义,而没有存放视图中…

  • spring事务回滚的多种方式「建议收藏」

    spring事务回滚的多种方式「建议收藏」转:https://www.cnblogs.com/zeng1994/p/8257763.htmlstart看下下面的说明,会对理解本人贴出的代码有帮助。1.代码中事务控制的3种方式编程式事务:就是直接在代码里手动开启事务,手动提交,手动回滚。优点就是可以灵活控制,缺点就是太麻烦了,太多重复的代码了。声明式事务:就是使用SpringAop配置事务,这种方式大大的简化了编码。需要注…

    2022年10月19日
  • 最强PostMan使用教程(3)- script

    最强PostMan使用教程(3)- scriptpostman中的scriptPre-requestscripts递增的url参数变化的requestbodytestscript在testsuite中运行之前都两篇文章都是一年多之前的事情了。最开始的初衷是想把各种细节都写了,中途因为忙其他事情,就忘记了,放弃了。但我这个博客好像最火的就是这个系列,一直有人评论。针对问的最多的问题,我还是试着看看写下一些东西,看看是否有用吧。

  • NAS备份, NDMP

    NAS备份, NDMP

  • 利用反射动态调用类成员

    利用反射动态调用类成员

  • 软件测试划分_软件测试有哪些

    软件测试划分_软件测试有哪些1、兼容性测试例如:测试一个文档使用word2003能打开,无法打开word2007的现象。一般兼容性测试的手机模块内容包括:SIM卡兼容性测试、BT、PC驱动、SD卡和WLAN。2、自动化测试解释:自动化测试其实就是测试软件的可靠性,可以叫做稳定性测试。常见的自动化测试有 ATT稳定性测试 和 Monkey稳定测试。3、外场测试外场测

发表回复

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

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