JS基础知识，this指向

原创 已于 2022-06-15 01:24:27 修改 · 104 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

于 2022-06-06 01:19:10 首次发布
本文深入探讨了JavaScript中this的关键指向规则，包括在函数、方法、构造函数中的不同行为，以及call/apply的使用和事件绑定时this的指向。特别提到了在Firefox浏览器中attachEvent的特殊情况，强调了理解this对于JavaScript编程的重要性。

文章目录

JS基础知识，this指向

以最简单直接的方法记住this的指向

一、在函数中，this指向window

1.在函数中，this指向window
2.在方法中，this指向当前对象
3.在构造函数中，this指向实例对象
4.当使用call/apply时，this指向新指向的对象
5.在绑定事件的响应函数时，this指向被绑定的对象
6.火狐浏览器不支持addEventListener，使用attachEvent函数作为替代，在attachEvent中，this指向window

总结

聚沙成塔，再小的知识，也是高塔的根基。

Duffydog
关注
js知识点总结之this指向
fyw1789的博客
05-29 2507
this关键字是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。this可以用在构造函数之中，表示实例对象。除此之外，this还可以用在别的场合。但不管是什么场合，this都有一个共同点：它总是返回一个对象。关于this的指向，有一种广为流传的说法就是“谁调用它，this就指向谁”。这样的说法没有太大的问题，但是并不是太全面。总结起来，this的指向规律有如下几条：在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this。
js this指向详解
在下月亮有何贵干
05-30 709
网上关于箭头函数 this 指向的问题的讲解实在太多了，理解也很多，貌似真的很难找到最正确的标准。看了大量文章之后，你可能还是很迷糊，我觉得问题可能在于，他们给你们解释之前已经默认了你掌握了基础，所以忽略了一些最最基础的定义解释，可能跟你说了 this 的指向问题，但是没有跟你说明 this 出现的前提。...
javascript中如何判断this的指向
2301_80448468的博客
04-22 424
1. 默认绑定：当一个函数独立调用时，`this`会绑定到全局对象（在浏览器环境中通常是`window`对象）。3. 显式绑定：通过`call()`或`apply()`方法，可以显式地指定函数执行时的`this`指向。4. new绑定：当使用`new`关键字创建一个对象时，构造函数中的`this`会绑定到新创建的对象上。5. 箭头函数：箭头函数没有自己的`this`绑定，它会捕获外层作用域的`this`值。2. 隐式绑定：当一个函数作为对象的方法调用时，`this`会绑定到该对象。// 输出：优快云。
JavaScript 中的 this 及 this 指向的改变方法
m0_73941339的博客
04-22 1251
本文深入剖析JavaScript中this关键字的动态绑定机制，详细讲解普通函数、对象方法、构造函数和箭头函数中this的不同表现。系统介绍call、apply和bind三种改变this指向的方法，通过实例代码对比它们的语法差异与适用场景，帮助开发者掌握精确控制函数执行上下文的核心技巧。
this指向基础知识
madaidai1204的博客
12-30 206
谁调用this，this指向谁 1、浏览器里，在全局范围内的this 指向window对象；浏览器里，在全局范围内的this 指向window对象； 2、在函数中，this永远指向最后调用他的那个对象； 3、构造函数中，this指向new出来的那个新的对象； 箭头函数不会改变this指向 可以改变this指向有三种方法 1、fn.bind(obj)(1,2) call，改变this指向，可以直接调用函数，例如fn.call(obj,1,2) 2、fn.call(obj,1,2) 3、app
JS基础知识 —— this
A_Tamir的博客
09-14 437
最近为了弄懂闭包的一些细节，用了不少时间，接下来要总结的是this。学过JS的都知道this都知道它的重要性，在这里就不吹水了，开始总结。
JavaScript 中 This 的指向总结
小鱼神1024的博客
06-23 643
JS 逆向基础系列学习
JavaScript基础知识1——理解this指向
cholee_的博客
07-13 219
                                                         this指向          JavaScript的this总是指向一个对象，具体指向的对象根据运行时函数执行的环境动态绑定的，并不是函数声明时的环境，简单的理解就算函数或方法被那个对象调用就指向改对象。          this的指向大致分为以下4种；              ...
一文搞懂this指向
热门推荐
官方推荐
06-20 4万+
这句话已经成为面试官口中的高频面试题，作为前端开发的我们，你真的搞懂了 this 指向了吗？快来跟我一起来查漏补缺吧！通过几个小案例让大家更能直白的理解 this 指向。
JS的函数进阶(基础知识、this指向问题)
weixin_49318392的博客
07-24 199
JavaScript的函数 1.JavaScript函数的基本知识 声明和定义的方式： //1.使用new关键字创建Function的实例，这里需要指出，在new Function的时 //参数可以传递无数个，最后一个必须是函数体的内容 let myFunction = new Function('a', 'b', 'return a + b'); //2.标准语法创建函数 function myFunction(a,b){ return a+b; } //3.存在于对象中的函数简写形式 var m
JS基础知识点.docx
07-23
JavaScript是Web开发中不可或缺的一部分，它提供了丰富的功能和机制，帮助...以上是对JavaScript基础知识点的详细阐述，涵盖了变量、数据类型、作用域、对象、事件处理等方面，是学习和理解JavaScript的重要组成部分。
javascript 基础知识 16
10-19
在学习JavaScript基础知识时，我们首先需要了解它的核心概念。JavaScript的核心包括变量、数据类型、运算符、控制结构等。变量相当于一个容器，用于存储数据值；数据类型分为基本数据类型和引用数据类型，基本数据...
JS中this的指向以及call、apply的作用
10-18
理解`this`的指向是JavaScript编程的基础，尤其是在处理对象方法和事件处理时至关重要。下面我们将深入探讨`this`的三种常见指向情况以及`call`、`apply`的作用。 1. **函数作为普通函数调用**：在这种情况下，如果...
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 861
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
推荐 | JoyAgent-JDGenie：开箱即用的端到端多智能体产品
最新发布
lpfasd123的博客
12-05 315
如果你在寻找一款真正可落地的多智能体产品，用来“搜索-分析-生成报告”、“数据问答与诊断”、“代码解释与图表生成”，同时希望易部署、易扩展、易二次开发——JoyAgent-JDGenie 是非常值得试用与推荐的选择。只需填好少量配置，即可获得端到端的流式体验与交付能力。
基于Springboot2+Vue2的旅游景点购票系统
自学网站s.jf3q.com,菜鸟的成长之路
12-02 708
本系统是一个集旅游景点信息展示、在线购票、用户游记分享与互动交流于一体的综合性平台。核心价值在于提供便捷的景点门票预订服务，同时构建活跃的旅游社区，促进用户间的经验分享。
【免费云平台部署指南】按场景选型+全维度对比（附直达地址）
分享技术干货，聚焦AI前沿科技
12-03 963
免费云平台已能覆盖从静态网站到AI模型部署的大部分场景，核心是根据项目类型（静态/后端/AI）、访问地区（国内/国外）和功能需求（数据库/容器/GPU）选择适配平台。新手建议从简单场景入手（如GitHub Pages部署博客、Hugging Face Spaces部署AI Demo），熟悉后再尝试全栈或容器化部署。
js实现替换输入框中选中的文字
h_未来可期_的博客
12-04 207
如果已知一个文本框内输入值，想点击替换掉里面选中的值，可以采用以下方法;
python+django/flask+vue的基于协同过滤算法的体育商品推荐系统
Q_Q1963288475的博客
12-04 562
相比于传统的体育商品推荐方式，个性化智能的管理方式可以大幅提高体育商品推荐的管理效率，实现了个性化智能体育商品推荐的标准化、制度化、程序化的管理，有效地防止了体育商品推荐的随意管理， 功能主要包括首页、个人中心、用户管理、商品分类管理、商品信息管理、交流论坛、留言板、系统管理、订单管理等功能，从而实现个性化智能体育商品推荐方式，提高个性化智能体育商品推荐的效率。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值