JavaScript中this指向谁？如何理解上下文context？

最新推荐文章于 2024-05-21 15:52:36 发布
最新推荐文章于 2024-05-21 15:52:36 发布
阅读量1.3k 收藏 3
点赞数
分类专栏： JavaScript/JQuery/TypeScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjtarzan/article/details/79978962
版权

函数中this的指向，是在函数被调用的时候确定的，也就是函数执行上下文被创建时确定的；
在函数执行时，this一旦被确定，就不可更改了。

上下文，我把它理解为当前运行环境，程序运行时，程序的每条语句都有对应的上下文，即运行环境。

  • 自执行函数中的this永远指向window
  • 定时器函数中的this指向window
  • 构造函数中的this指向调用它的实例
  • 箭头函数中没有绑定this，所以指向的是父级的上下文
夏日米米茶
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
深入理解JavaScript 中的执行上下文和执行栈
12-04
`this` 的值在全局上下文中通常指向全局对象，而在函数上下文中取决于函数调用的方式（如方法调用、构造器调用等）。 2. 执行阶段：在这个阶段，代码开始实际执行，变量和函数被分配内存，函数调用发生，值被计算和...
深入浅析JavaScript中的作用域和上下文
10-22
JavaScript中，作用域和上下文是理解代码执行逻辑的关键概念。作用域指的是变量和函数的可见性和生命周期，而上下文则关乎`this`关键字的值，它指示了当前代码执行的环境。 **作用域（Scope）** 1. **全局作用域**...
JS中的this指向
热门推荐
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
关于JavaScript中this指向的详解
weixin_45939221的博客
11-23 1819
关于JavaScript中的this指向以及改变this的三种方法
在JavaScript中实现和使用Context
最新发布
初心不忘、始终方得
05-21 466
我们已经实现了一个完整的 Context，但是我们的 Context 并不是完美的。例如，React Context 支持默认值，不在的子组件中调用useContext可以获取到默认值；由于我们的 Context 的初始值就是undefined，意味着我们的 Context 就无法存储undefined；即使是 React Context 也不完全是严格的，即使没有给 Context 提供默认值，依然可以在的作用域之外调用useContext。
彻底理解JavaScript中this指向
猫老板的豆
11-09 1304
如果要判断一个运行中函数的 this 绑定， 就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。
WPF DataContext 使用(2)
flysh05的专栏
06-21 922
1. 使用窗口类的DataContext 创建窗口2个属性字段，一个字符串属性，一个整型属性。this.DataContext = this; 窗口界面就使用这个2个属性值的绑定。窗口创建2个文本，绑定到属性字段。 效果如下：2. 创建一个类，将类的实例赋值到DataContext 前台UI代码创建绑定： 效果如下：3. 创建界面子元素的DataContext 属性绑定再添加一个类： 界面设计绑定： 效果如下：当然类的属性值时可以动态变化的，所以绑定的值也动态可变的。...
WPF教程（三十五）使用DataContext
刺猬的优雅
11-17 3万+
DataContext属性是绑定的默认源，除非你具体指定了另外一个源，就像上一章里面我们使用了ElementName属性。它由FrameworkElement类定义，大部分UI控件包括WPF窗口都继承于此类。简单地说，它允许你指定一个绑定的基。 DateContext并没有默认源(刚开始的时候是NULL)，但是它贯穿整个空间层次结构，你可以为窗口设置一个DataContext，然后在任意的子控件
深入理解JavaScript系列(11) 执行上下文（Execution Contexts）
10-28
在JavaScript中，理解执行上下文对于解决作用域、闭包、`this`指向等问题至关重要。例如，函数调用时的`this`值取决于其执行上下文，全局上下文中`this`通常指向全局对象，在非严格模式下为`window`，在严格模式下为...
Javascript中this绑定的3种方法与比较
10-21
JavaScript中的`this`关键字是一个非常重要的概念，它在不同的上下文环境中会有不同的指向。理解`this`的工作原理对于深入学习JavaScript至关重要。`this`的绑定主要有以下三种方式： 1. **隐式绑定（Implicit ...
跟我学习javascript的执行上下文
10-23
在JavaScript中，执行上下文（Execution Context，简称EC）是代码在运行时所处的环境。它决定了变量和函数的行为，包括它们的创建、存储和访问方式。以下是关于JavaScript执行上下文的详细解释： 1. **执行环境类型...
【JavaScript】THIS的七种指向
zhangankang的博客
07-15 810
【THIS的七种情况】 1、给当前元素的某个事件绑定方法，当事件触发方法执行，方法中的this指向是当前元素本身； 2、方法执行，看前面有没有点“.”，有点，点前面是谁，this就是谁；没有点就是window对象； 3、构造函数执行的时候，方法体中的this就是当前构造函数类的实例； 4、自执行函数一般都是window对象； 5、定时器中this：window对象（通过call传入的window对象）； 6、对象方法中this指向对象本身（受定时器影响：window）； 7、箭头函数中this，沿作用域链向
JavaScript 中 this 指向详解
明天也要努力的博客
01-27 518
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的 this 指向哪个对象。 this的几种模式： 方法调用模式下，this 总是指向调用它所在方法的对象，this 的指向与所在方法的调用位置有关，而与方法的声明位置无关（箭头函数特殊）； 函数调用下，this 指向 window ,调用方法没有明确对象的时候，this 指向 window，如 setTimeout、匿名函数等； 构造函
javascript中this的指向（详细、通俗又易懂）
m0_37820751的博客
10-17 518
一、this定义 this是js中的关键字，是一个指针，总是指向调用它的对象，没有明确的调用对象的时候，则默认绑定全局对象。一般是函数被调用时才发生的绑定。 this不容易理解，又经常使用，而且会动态绑定，容易让新入门的人绕晕，但是你只要谨记this总是指向调用它的对象，没有明确的调用对象的时候，则默认绑定全局对象。就比较容易判断this的指向。 二、this的默认绑定 1.当函数没有明确...
JavaScript中this的指向 详解
Wang Chengchen's Blog
05-13 4842
JavaScript的this的指向详解 this的指向一直是困扰前端小白的难题，作为小白的我用掉了好多头发的能量，稍微总结出来一点经验！！！ 关于this的指向，主要有一下几个版块， ①全局环境下的this指向 ②函数内的this ③对象中的this ④箭头函数中的this ⑤构造函数中的this ⑥原型链中的this 【补充一点】关于this，谁调用就指向谁，箭头函数在下面做单独讨论。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ congs
JavaScript中this指向
m0_51636525的博客
05-27 229
函数在调用时，JavaScript会默认给this绑定一个值； this的绑定和定义的位置（编写的位置没有关系）； this的绑定和调用方法以及调用的位置有关系； this是在运行时被绑定的 1.默认绑定 独立函数调用的情况下，this指向window，例如 function foo() { console.log(this); } foo() //window 哪怕是多层调用，只要是使用默认调用的方法，this的指向都会是window对象 ..
详解JavaScript中this指向
qq_45489665的博客
03-23 1072
this 是一个指针型变量，它指向当前函数的运行环境。1.内存的数据结构2.函数引擎会将函数单独保存在内存中，然后再将函数的地址赋值给foo属性的value属性。由于函数是一个单独的值，所以它可以在不同的环境（上下文）执行。3.环境变量函数体里面使用了变量x。该变量由运行环境提供。上面代码，函数体内的this.x就是当前运行环境的 x上面代码中，函数f在全局环境执行，this.x指向全局环境的x。在obj环境执行，this.x指向obj.x。
前端开发之彻底搞懂this指向
青梅煮码
05-23 1072
this是JavaScript中的一个关键字，但是有一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧！ 一. 理...
【2-5】Python基础——dict和set
Show me the code
03-05 278
一 字典dict1.定义使用键-值（key-value）存储，根据key算出value的存放位置（哈希函数），具有极快的查找速度。dict内部存放的顺序和key放入的顺序无关，并且dict的key必须是不可变对象。2.存入数据1）初始化时存入>>> d = {'Michael': 95, 'Bob': 75, 'Tracy': 85} >>> d['Michael'] 952）通过key放入>>>
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值