JavaScript中this的指向

最新推荐文章于 2024-07-28 16:24:55 发布

救不了你的小白

最新推荐文章于 2024-07-28 16:24:55 发布

阅读量192

点赞数 1

文章标签： javascript 函数

本文链接：https://blog.csdn.net/qq_36898807/article/details/76598889

版权

本文详细解释了JavaScript中this关键字在不同上下文中的指向变化。包括普通函数、DOM事件绑定、定时器、对象方法、apply及call等场景下this的具体指向，并提供了解决this丢失的方法。

摘要由CSDN通过智能技术生成

this.在以下的场景中的指向：

在普通函数中:this -> 指向window

绑定事件Dom -> 指向Dom；

定时器 -> ①指向window

②在对象里面备份一下传到定时器里；

在对象中; -> 指向对象

apply -> 指向自定义的对象

call -> 指向自定义的对象

有时候会经常因为this的执行，发懵。希望有帮助。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

救不了你的小白

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Javascript 中 this指向

09-07

这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...

javascript中this指向详解

10-22

为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...

参与评论您还未登录，请先登录后发表或查看评论

JS中的this指向

热门推荐

m0_55990909的博客

05-13

3万+

this的概念：在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。箭头函数：箭头函数的this指向于函数作用域所用的对象。一、全局环境下的this指向在全局作用域下，this始终指向全局对象window，无论是否是严格

js中的this指向

weixin_45775536的博客

10-16

2366

由于箭头函数不绑定this，它会捕获其所在（即定义的位置）上下文的this值，作为自己的this值,所以箭头函数的this一经捕获就不再发生变化,1.this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj。箭头函数的this就是继承该普通函数的this；简单来说：箭头函数的this指向，通过定义箭头函数的地方向上寻找，找到第一个嵌套该箭头函数的。没有自己的this,从自己的作用域链的上一层继承this（跟随上一层的this变而变）。

JavaScript中this指向.docx

09-14

### JavaScript中this指向详解 #### 一、引言在JavaScript编程中，`this`关键字的使用及其指向问题一直是困扰很多开发者的难点之一。不同于传统面向对象编程语言如Java或C#中的`this`概念，JavaScript中的`this`...

JavaScript中this指向.pdf

09-14

由于this在JavaScript中的运行期绑定特性，导致了this指向的复杂性。在JavaScript中，this的指向可以有以下几种情况： 1. 指向window的隐式指向在全局作用域中，如果函数没有明确的调用者，那么this通常指向全局...

JS中this的指向

qq_23858785的博客

05-28

1846

JS中this的指向

JS中this的指向性

最新发布

weixin_51968651的博客

07-28

666

针对一些常见的this的指向性问题进行一个简单的介绍。

前端开发之彻底搞懂this指向

青梅煮码

05-23

1149

this是JavaScript中的一个关键字，但是有一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧！一. 理...

js中的this指向问题

sunhy007的博客

07-22

119

简述 this 是 JavaScript 语言的一个关键字。它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用 this 的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定 this 到底指向谁函数的不同使用场合，this 有不同的值。总的来说，this 就是函数运行时所在的环境对象一、一般的函数调用一般的函数调用属于全局性调用，因此 this 就代表全局对象 window let a = 1 function fn() { let a = 2 console.log

this 指向

qq_53461589的博客

09-07

366

this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。

JS中this的9种指向详解（web前端开发javascript语法基础）

激情人生，美好生活

09-04

1793

js中的this其实是函数调用的上下文，在我看来这个定义包括两方面：1、在一个函数中，this是调用这个函数的对象；2、一个函数可能会被以不同的方式调用，不同的调用方式下，this的含义不同。因此，函数中this的含义可以视为是在运行时确定的。

JS this的三种指向+练习

qq_46275230的博客

04-03

813

JS this的三种指向+基础练习文章目录JS this的三种指向+基础练习事先提示:正常情况下:普通函数对象构造函数this指向练习：练习1练习2练习3练习4 事先提示: this的三种指向: 1.以构造函数调用 2.以函数调用 3.以对象方法调用构造函数默认执行操作: 1.创建空对象,作为将要返回的对象实例 2.将空对象的原型指向构造函数的prototype属性 3.将空对象赋值给构造函数内部的this关键字 4.开始执行构造函数内部的代码正常情况下: 普通函数正常情况：指向windo

JS 关于 this 指向的几种情况

cookcyq__的博客

01-02

3847

一、this 指向 window 1、全局函数里面的 this 指向 window 2、箭头函数里面的 this 指向 window // 定义全局变量 title 与函数 foo var title = 'hello,world' // 注意：若使用 let 定义则不属于全局变量 function foo() { console.log(this.title) } function arrow() { let title = 'hello,arrow' return () => { re

关于JavaScript中this指向的详解

weixin_45939221的博客

11-23

2221

关于JavaScript中的this指向以及改变this的三种方法

js this的指向详解

maoguiyou的专栏

05-21

5657

js 的this指向主要有四种： 1.作为对象的方法调用，这个时候this指向的事该对象例如: var obj={ a:1, getA:function(){ alert(this===obj);//true alert(this.a);//1 } } 2.作为普通函数调用，这个时候this总是指向全局对象（在浏览器中既window对象) window.name='z

JavaScript中this指向详解与调用方式

当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用：构造函数用于创建新的对象，如`var ldh = new ...