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

最新推荐文章于 2022-04-01 23:25:43 发布
最新推荐文章于 2022-04-01 23:25:43 发布
阅读量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，所以指向的是父级的上下文
JavaScript的this到底代表谁？（this指向哪里？）
flyingeagle168的博客
09-10 423
　　在很多变成语言中都有this这个特殊关键字的存在，比如Java中的this，还有本文要说到的JavaScript中的this。那么，JavaScript中this究竟有什么特性和用法呢？它又是如何定义的呢？ 先来看看ECMAScript 标准规范对this 的定义： 「The this keyword evaluates to the value of the ThisBinding of the current execution context.」 「this 这个关键字代表的值为当前执行上下文
深入理解JavaScript 中的执行上下文和执行栈
12-04
`this` 的值在全局上下文中通常指向全局对象，而在函数上下文中取决于函数调用的方式（如方法调用、构造器调用等）。 2. 执行阶段：在这个阶段，代码开始实际执行，变量和函数被分配内存，函数调用发生，值被计算和...
JavaScript进阶之’this‘
weixin_30325071的博客
06-17 201
只有掌握了JavaScript中的this操作符你才算正式迈入JavaScript这门语言的门槛！我们一直都在用这个框架,那个框架,但往往忽视掉了js最基础的东西,笔者认为这些基础往往才是走下去,走深,最不可或缺的东西.那我们就一起来学习一下js中神奇的this吧--------笔者查看了大量有关this的文章,有些是按照自己思路写的,有些是直接引用其他作者成熟的思路的文章 1.什么是thi...
js 上下文this 解析
月光恋九霄的博客
04-01 504
使用 JavaScript 开发的时候，很多开发者多多少少会被this的指向搞蒙圈，但是实际上，关于this的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。 下面分几种情况谈论下 1、普通函数调用 这个情况没特殊意外，就是指向全局对象-window。 var username='cn' function fn(){ alert(this.us...
执行上下文、this 的指向简单易懂
qq_38110572的博客
12-16 1843
1、this的绑定和函数的声明位置没有关系，只取决于函数的调用方式 2、当一个函数被调用时，会创建一个活动记录（有时候也称为执行上下文）。这个记录会包含函数在哪里调用、函数的调用方式、传入的参数等信息，this就是这个活动记录的一个属性，会在函数执行的过程中用到 直接调用 function get(content){ console.log(content) } get('哈哈') get.call(window,'哈哈')上面的语法糖 作为对象的方法调用 var person = { name:'
JS关于函数上下文this的理解
weixin_45511236的博客
02-03 295
当调用函数时，除了传入在函数定义中显式声明的参数之外，同时还传入两隐式参数∶ arguments 与 this。 arguments 参数是传入函数的所有参数的集合。具有 length 属性，表示传入参数的个数，通过 arguments 参数还可获取那些与函数形参不匹配的考在非严格模式下，arguments 对象是函数参数的别名，修改 arguments 对象会修改函数实参，可以通过严格模式避免修改函数实参。 this表示函数上下文，即与函数调用相关联的对象。函数的定义方式和调用方式决定了 this 的
ajax context this,$ .ajax上下文选项
weixin_29343807的博客
08-05 270
桃花长相依所context要做的就是this在回调中设置的值。因此，如果您在事件处理程序中，并且希望this在回调中将其作为接收事件的元素，则可以这样做：context:this,success:function() { // "this" is whatever the value was where this ajax call was made}如果您希望将其设置为其他类型，则只需进行...
深入理解JavaScript系列(11) 执行上下文（Execution Contexts）
10-28
在JavaScript中，理解执行上下文对于解决作用域、闭包、`this`指向等问题至关重要。例如，函数调用时的`this`值取决于其执行上下文，全局上下文中`this`通常指向全局对象，在非严格模式下为`window`，在严格模式下为...
JavaScript this在函数中的指向及实例详解
10-16
JavaScript 中的 this 关键字是一个特殊的变量，它在不同的上下文中有不同的值。对于函数而言，this 指向的是调用该函数的对象。在理解 this 的指向时，需要特别注意函数的定义位置和调用方式，因为它们直接关系到 ...
深入浅析JavaScript中的作用域和上下文
10-22
JavaScript中，作用域和上下文是理解代码执行逻辑的关键概念。作用域指的是变量和函数的可见性和生命周期，而上下文则关乎`this`关键字的值，它指示了当前代码执行的环境。 **作用域（Scope）** 1. **全局作用域**...
从JavaScript执行上下文的视角讲清楚this
Rs的博客
11-25 286
下面这样一段代码： var bar = { myName:"http://time.geekbang.com", printName: function () { console.log(myName) } } function foo() { let myName = "极客时间" return bar.printName } let myName = "极客邦" let...
如何在JavaScript中理解关键字this和context
cumian8165的博客
08-01 874
by Lukas Gisder-Dubé 卢卡斯·吉斯杜比(LukasGisder-Dubé) 如何在JavaScript中理解关键字this和context (How to understand the keyword this and context in JavaScript) As mentioned in one of my earlier articles, mastering J...
android中的this,Context到底该怎么用
hljqfl的专栏
01-06 6005
     在Android系统中，有很多的service，也就是服务。我们的程序如果用到系统功能，一般都是调用服务间接完成的。也就是在Android系统中存在许多C/S架构。而context的作用，就是android应用连接service的桥梁。比如Activity中有一个方法，getSystemService()。这个方法调到最后，实际上是调用的ContextImpl的getSystemServ...
js执行过程之上下文对象(Context)
weixin_34019144的博客
01-09 5569
在js的学习中，我们已经不满足于仅了解js的基础知识，而是开始追求更深层次的学习。因为你会发现，仅了解js的基础知识，在开发项目的过程中是远远不够的。今天就来介绍一下在js执行过程中的一些相关内容了。 JavaScript运行环境 JavaScript的运行不是像C++，Java等编译语言编译后直接在操作系统上运行，因为它是脚本语言，运行时必须要借助引擎来运行，所以它可以在封装了引擎的环境下运行。...
context基本使用
qq_61027269的博客
03-19 1657
context的基本使用
JS—节流与防抖
weixin_45709829的博客
04-01 4万+
一、js防抖和节流 在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖（debounce）和节流（throttle）的方式来到达这种效果，减少调用的频率。 二、为什么滚动scroll、窗口resize等事件需要优化 滚动事件的应用很频繁：图片懒加载、下滑自动加载数据、侧边浮动导航栏等。 在绑定scroll、resize事件时，但它发生的时候，它被触发的频率非
前端知识点自我总结 二
PinPinAnan的博客
03-18 324
一、vue实现组件的缓存 我们为什么需要组件缓存，因为在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来。 组件化的概念可以很好的帮助开发者实现组件之间的切换，但是当我们的组件在频繁的切换过程中，组件的实例都是一直重新创建销毁的，当我们需要保留组件的状态的时候。 就可以用 <keep-alive><keep-alive> 包裹组件，这样就可以缓存不在活动状态的组件实例，用于保留组件状态或避免重新渲染 二、keep-alive有关的生命周期有哪些
JavaScript中函数里this的值到底指向谁？如何理解上下文context？
xiaozaq的博客
12-01 3456
先看下面的代码： var f = function(){ var this_obj = this; } var o={name:"o"} o.f = f; f(); //此时调用时this_obj的值是window对象 o.f();//此时调用时this_obj的值是o对象 同样都是 f  函数，单独调用时this_obj的值是window对象，通过o对象调用时值确变为了o对象。那么如何理
JavaScript this 指向详解：函数、箭头函数与执行上下文
JavaScript中的`this`指向是一个重要的概念，它决定了函数内部变量`this`引用的对象是谁。理解`this`的指向规则对于编写高效且可维护的代码至关重要。 默认绑定: 在JavaScript中，`this`的默认绑定取决于函数是如何...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值