this 的指向有哪些

最新推荐文章于 2025-11-11 14:26:48 发布
原创 最新推荐文章于 2025-11-11 14:26:48 发布 · 1k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

1、普通函数中的this指向window

2、定时器中的this指向window

3、箭头函数没有this,它的this指向取决于外部环境、指向最近的的函数

4、事件中的this指向事件的调用者

5、 构造函数中this和原型对象中的this,都是指向构造函数new 出来实例对象

6、类 class中的this 指向由constructor构造器new出来的实例对象

7、自调用函数中的this 指向window

Erictezx
关注
函数this三种指向
weixin_66375317的博客
06-23 624
函数this三种指向
JS 关于 this 指向的几种情况
Thinking anywhere anytime.
01-02 3959
一、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
this 指向
最新发布
weixin_42322152的博客
11-11 1151
JavaScript中this的指向规律
JavaScript严格模式下关于this的几种指向详解
10-19
除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。下面这篇文章主要给大家介绍了在JavaScript严格模式下关于this的几种指向的相关资料，需要的朋友可以参考借鉴，下面来一起看看吧。
this的指向
qq_44278908的博客
03-02 648
执行期上下文 当函数执行时（准确来说，是在函数发生预编译的前一刻），会创建一个执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境。 每调用一次函数，就会创建一个新的上下文对象，他们之间是相互独立且独一无二的。当函数执行完毕，它所产生的执行期上下文会被销毁。 this 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是 this，this 指向的是一个对象，这个对象我们称为函数执行的 上下文对象。 函数内 this 的指向【非常重要】 我们在《JavaScript 基础
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
CSON_Fuck的博客
04-23 1597
this的指向有哪几种？一个文章让你理解明白！从此不在为this指向犯愁！
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
函数四种调用模式以及其中的this指向
08-31
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
基于javaScript的this指向总结
12-09
JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下的指向可能会有所不同，这使得理解和掌握`this`的用法成为前端开发人员必备的技能。本文将深入探讨`this`在JavaScript中的各种情况下的指向。 1. ...
this的三种指向
m0_64352881的博客
04-09 415
<script> /* 1.this环境对象 ： 谁‘调用’我,我就指向谁 （相当于中文‘我’，谁说出这个字，这个字就代表谁） * 重点： 与函数声明无关，取决于函数调用 * (1)普通函数调用: 函数名() -> this指向window * (2)对象方法调用: 对象名.方法名() -> this指向对象 * (3)构造函..
this的指向有哪些
m0_45306991的博客
08-24 419
函数的调用方式决定了this的值（运行时绑定），this不能再执行期间被赋值，并且在每次函数调用时this的值夜可能会不同。这里调用foo函数，因为箭头函数不绑定this，所以去foo函数的上级查找this，找到了全局对象window。在类的构造函数中，this是一个常规对象类中所有非静态方法都会被添加到this的原型中。如果该方法存在于一个对象的原型链上，this指向调用这个方法的对象。当函数被用作事件处理函数时，它的this指向触发事件的元素。箭头函数是不绑定this的，它的this来源于上级作用域。
javascript中几种this指向问题
weixin_43833736的博客
01-08 214
javascript中几种this指向的问题
this 的指向
blog
08-02 1841
一、认识 直接通过函数名调用，this 指向全局对象。 function fun () { return this; } console.log(fun()); // window 作为对象的方法调用，this 指向当前对象。 function fun () { return this; } let obj = { func: fun, } console.log(obj.func() === obj); // true 作为构造函数调用，this 指向新创建的对象。 二、更改
this指向情况详解
m0_52634705的博客
05-28 2757
this，函数的执行主体（不等价于执行上下文），取决于谁把这个函数执行的。大体上把this执行主体分为一下5类。
this的五种指向
qq_42033430的博客
05-05 5811
① 在普通函数中，this指向window ② 在构造函数中，this指向创建的对象 ③ 在方法声明中，this指向调用者 ④ 在定时器中， this指向window ⑤ 在事件中，this 指向事件源 ...
this指向的四种情况
weixin_46003800的博客
10-30 1107
this的指向问题: 1.作为对象的函数被调用(this指向该对象) 2.作为普通函数被调用(此时this指向全局对象,在浏览器的JavaScript中,全局对象是window) 3.构造函数调用 4.Function.prototype.call 和 Function.prototype.apply 调用 (与普通的函数调用相比,可以动态的改变传入函数的this) 1.作为对象函数被调用(this指向该对象 let obj = { name:'jack', getName:function
this指向有哪些
09-18
在 JavaScript 中，`this` 的指向取决于函数的调用方式，主要有以下几种情况： ### 全局作用域中 在全局作用域中，`this` 指向全局对象。在浏览器环境下，全局对象是 `window`；在 Node.js 环境中，全局对象是 `global`。 ```javascript console.log(this === window); // 在浏览器环境下输出 true ``` ### 函数调用 当函数作为普通函数调用时，`this` 指向全局对象。在严格模式下，`this` 为 `undefined`。 ```javascript function test() { return this; } console.log(test() === window); // 在浏览器环境下输出 true // 严格模式 function strictTest() { 'use strict'; return this; } console.log(strictTest() === undefined); // 输出 true ``` ### 方法调用 当函数作为对象的方法调用时，`this` 指向调用该方法的对象。 ```javascript var obj = { name: 'example', getName: function() { return this.name; } }; console.log(obj.getName()); // 输出 'example' ``` ### 构造函数调用 当使用 `new` 关键字调用函数时，`this` 指向新创建的对象。 ```javascript function Person(name) { this.name = name; } var person = new Person('John'); console.log(person.name); // 输出 'John' ``` ### `call`、`apply` 和 `bind` 方法调用 `call`、`apply` 和 `bind` 方法可以显式地指定 `this` 的指向。 ```javascript function greet(message) { console.log(message + ', ' + this.name); } var person1 = { name: 'Alice' }; var person2 = { name: 'Bob' }; // 使用 call 方法 greet.call(person1, 'Hello'); // 输出 'Hello, Alice' // 使用 apply 方法 greet.apply(person2, ['Hi']); // 输出 'Hi, Bob' // 使用 bind 方法 var greetPerson1 = greet.bind(person1); greetPerson1('Hey'); // 输出 'Hey, Alice' ``` ### 箭头函数 箭头函数没有自己的 `this`，它的 `this` 继承自外层函数。 ```javascript var obj = { name: 'example', arrowFunc: () => { return this.name; } }; console.log(obj.arrowFunc()); // 在浏览器环境下输出 ''，因为 this 指向全局对象 ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值