js | this 指向问题

https://juejin.cn/post/6844904083707396109

  • 任何函数运行的时候,都会创建一个context对象,context对象有一个this对象,在运行的时候决定。
  • 任何函数都对应一个reference类结构体(具体叫啥有点忘了),简单就抽象成这样Reference{ base ,name}; base对应就是this,name就是函数名称;
  • this 的范围:最近的{}

举个例子,自己慢慢悟吧。

javascript 复制代码
function foo(){} // 对应: {base:window,name:foo};
let a={ foo }
a.foo(); // 对应 {base:a,name:foo} 

简单粗暴的方法,就是去分析,f()在运行的时候,它的base是什么


,base为null,就是window/全局。

那怎么判断base呢?就是看f()前面有没有 .

javascript 复制代码
var obj1 = {
  a: 1
}


----------


var obj2 = {
  a: 2,
  foo1: function () {
    console.log(this.a)
  },
  foo2: function () { // 分析obj2.foo2(); 
    setTimeout(function () { // 运行这个函数的时候,没有. ,指向全局呗, 和setTimeout没关系
      console.log(this)
      console.log(this.a)
    }, 0)
  }
}
var a = 3

obj2.foo1()
obj2.foo2()
javascript 复制代码
function foo () {
  console.log(this.a)
  return function () {
    console.log(this.a)
  }
}
var obj = { a: 1 }
var a = 2

foo() // 2  foo是一串代码,foo()是执行这串代码,返回的是一串代码,返回的这串代码没执行
foo.call(obj) // 1  foo这串代码,绑定this为obj,并执行。 相当于this指向obj,然后执行foo();
foo().call(obj) // 2 1  foo(),执行,并返回新函数,执行新函数,并把新函数的this指向obj
相关推荐
程序员阿鹏1 分钟前
jdbc批量插入数据到MySQL
java·开发语言·数据库·mysql·intellij-idea
yoona10201 分钟前
Rust编程语言入门教程(八)所有权 Stack vs Heap
开发语言·后端·rust·区块链·学习方法
莲动渔舟3 分钟前
国产编辑器EverEdit - 在编辑器中对文本进行排序
java·开发语言·编辑器
滴_咕噜咕噜37 分钟前
C#基础总结:常用的数据结构
开发语言·数据结构·c#
martian66537 分钟前
【Java高级篇】——第16篇:高性能Java应用优化与调优
java·开发语言·jvm
许苑向上1 小时前
Java八股文(下)
java·开发语言
菜鸟一枚在这1 小时前
深入解析设计模式之单例模式
开发语言·javascript·单例模式
独孤求败Ace2 小时前
第44天:Web开发-JavaEE应用&反射机制&类加载器&利用链&成员变量&构造方法&抽象方法
java·开发语言
计算机-秋大田2 小时前
基于Spring Boot的农产品智慧物流系统设计与实现(LW+源码+讲解)
java·开发语言·spring boot·后端·spring·课程设计
matlabgoodboy2 小时前
Matlab代编电气仿真电力电子电机控制自动化新能源微电网储能能量
开发语言·matlab·自动化