this指向

最新推荐文章于 2024-11-05 15:31:54 发布
最新推荐文章于 2024-11-05 15:31:54 发布
阅读量72 收藏
点赞数
分类专栏： JavaScript 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GQDD99/article/details/129064388
版权
文章详细阐述了JavaScript中this的指向规则，包括全局环境、函数（严格模式与非严格模式）、对象方法、箭头函数和构造函数中的行为。重点提到this的指向取决于调用方式，以及在箭头函数中this的特殊绑定规则。
摘要由CSDN通过智能技术生成
this指向：谁调用就指向谁

全局环境下的this指向
this始终指向全局对象window

函数内的this
严格模式下：this指向undefined
非严格模式下：this指向window

对象中的this
this指向调用方法的对象
函数的定义位置不影响其this指向，this指向只和调用函数的对象有关
多层嵌套的对象，内部方法的this指向离被调用函数最近的对象。

箭头函数中的this
箭头函数中没有 this， 它会绑定最近的非箭头函数作用域中的this

构造函数中的this
箭头函数中没有 this， 它会绑定最近的非箭头函数作用域中的this

原型链中的this
看是谁调用（点之前是谁，就是谁调用）
进行this替换
基于原型链确认结果

解决使用attachEvent函数时，this指向被绑定的元素的问题的方法
10-30
### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法 在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
this指向全解
weixin_43365995的博客
04-11 1496
理解this，你要先记住以下两点： this永远指向一个对象 this的指向完全取决于函数调用的位置 接下来我们用代码的形式一 一举例介绍 var obj = { name:'王', fun:output } ​ var name = '赵'; function output(){ console.log(this.name); } ​ obj.fun(); // 王 output(); // 赵 上述代码中，fun函数被调用了两次，显而易见的是两次的结果是不一样的； obj.f
一文搞懂this指向
热门推荐
官方推荐
06-20 4万+
这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。
JS中的this指向
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
js知识点总结之this指向
fyw1789的博客
05-29 1840
this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。
前端this指向详解
博哥的二进制世界
08-12 2110
前端this指向详解
如何改变this指向？this指向总结
小草莓的博客
05-04 1651
1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。
修改 this 指向
qq_36904182的博客
06-16 1196
文章目录前言一、new关键字改变this指向二、 call（）apply（）bind（）总结 前言 修改 this 指向,四种方法 一、new关键字改变this指向 //构造函数版this function Fn(){ this.user = "追梦子"; } var a = new Fn(); console.log(a.user); //追梦子 二、 call（） var a = { user:"追梦子", fn:function(){ console.lo
this 指向详解
L的博客
03-02 1019
this指向详解
彻底理解JavaScript中this指向
猫老板的豆
11-09 1513
如果要判断一个运行中函数的 this 绑定， 就需要找到这个函数的直接调用位置。找到之后new 调用：绑定到新创建的对象，注意：显示return函数或对象，返回值不是新创建的对象，而是显式返回的函数或对象。call、apply、bind调用：严格模式下，绑定到指定的第一个参数。非严格模式下，null和undefined，指向全局对象（浏览器中是window），其余值指向被new Object()包装的对象。对象上的函数调用：绑定到那个对象。普通函数调用。
函数四种调用模式以及其中的this指向
08-31
本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...
深入理解js函数的作用域与this指向
10-22
当函数以对象的方法形式定义时，函数内部的this指向调用它的对象。 函数的调用方式主要有直接调用、使用call/apply方法调用以及with语句。直接调用时，函数的this指向根据函数被调用的方式确定。在全局执行环境中...
如何修改javascript中的this指向
01-20
//this指向window var res = fn.call("hello", "world", 123); //this指向"hello" console.log(res); //back ``` 在这里，`call()`的第一个参数指定了`this`的新值，后面的参数按顺序传递给`fn`函数。`call()`...
Webserver(3.3)生产者消费者模型
最新发布
学习历程记录和分享
11-05 343
解决该问题需要用互斥量确保线程同步，用条件变量或者信号量去解决生产者和消费者之间同步的问题，生产者把数据生产满了要通知消费者去消费。会产生数据安全问题，比如生产者还未生产出来，就去消费。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 200
vxe-grid新增空行，并且定位到空行位置。
前端react常见面试题目（basic)
警警的博客
11-02 1073
react常见面试题目（basic)
[]简单无废话]前端知识点(HTML+CSS)---IFC
2302_80171619的博客
11-02 223
IFC（Inline Formatting Context，行内格式化上下文）是指在 CSS 中控制行内元素如何布局的一个环境。它主要用于处理行内元素（如 span , a 等）在文本流中的位置和排列方式。IFC 会影响行内盒子的布局，包括换行、行高和文本对齐等。
JavaScript中的this指向详解
本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值