js中的this总结

最新推荐文章于 2024-07-26 11:41:15 发布
最新推荐文章于 2024-07-26 11:41:15 发布
阅读量498 收藏
点赞数
分类专栏： 笔记 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51281306/article/details/121411071
版权


            1.在文档中直接使用this，this代表window对象
            2.如果在全局变量或全局函数前面使用this，this代表window对象
            3.如果是HTML事件处理程序，那么将this作为事件处理函数的实参，传递给事件处理函数，this代表应用事件的元素
            4.如果是DOM0级事件处理程序，事件处理函数中的this代表应用事件的元素
            5.如果是DOM2级事件处理程序，事件处理函数中的this代表应用事件的元素
            6.在字面量形式创建的对象中，如果将this方式方法内，这个this代表的是当前的字面量对象
            7.在构造方法中，如果将this放在属性名称前面，这个this代表的是该构造方法创建出来的对象.如果将this放在某个函数中，那么这个this代表调用该函数的对象
            8.如果将this放在原型中，它代表的是使用该原型内容的对象
            9.在借用构造方法继承时，call中的this代表的是下级构造方法创建的对象
            10.如果在闭包中使用this，this代表window
            11.间隔调用和延迟调用：间隔调用和延迟调用中的this指向window
            12.自执行函数中this指向window

名师点津
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js的this指向总结
丑小鸭变黑天鹅的博客
11-25 1400
js的this指向总结一、说明一、全局环境下二、函数上下文调用1、普通函数调用1.1、 情况说明：2、作为方法来调用2.1、情况12.2、情况22.3、 情况33、作为构造函数来调用3.1、情况13.2、情况24、call,apply,bind5、Eval函数6、DOM 事件处理函数中的 this & 内联事件中的 this1、DOM事件处理函数2、内联事件3、setTimeout & setInterval7、箭头函数三、总结 一、说明 首先必须要说的是，其实this就是一个指针，它指示的
JavaScript -- this详解
qq_48113035的博客
04-01 3075
一、第一章：关于this 1.两个误解 ●this指向函数自身 ●this指向函数的作用域 2.this究竟是什么？ this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调 用时的各种条件。this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。 二、第二章：this全面解析 1.调用位置 最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数）。我们关心的 调用位置就在当前正在执行的函数的前一个调用中。 2.绑定规则 (1)默认绑定 (2)
JavaScript中this的指向总结
qq_41872385的博客
03-16 1455
JavaScript中this的指向总结，觉得这方面理解到位的话可以尝试做一下最后的两道题。
关于JS中this对象指向问题总结
铁锤妹妹的博客
03-08 3534
关于JS中this对象指向问题，相信做过项目的小伙伴多多少少都会遇到过，明明感觉代码写的没问题，可是运行的时候，就会报错，比如报错 xxx is not a function。我最近也遇到了，百度学习了不少前辈对于this对象指向问题的解析，于是总结了这篇文章。
JS中的this指向
热门推荐
m0_55990909的博客
05-13 3万+
this的概念： 在js中，this的意思为“这个;当前”，是一个指针型变量，它动态指向当前函数的运行环境。 在不同的场景中调用同一个函数，this的指向也可能会发生变化，但是它永远指向其所在函数的真实调用者；如果没有调用者，就指向全局对象window。 普通函数：关于this，谁调用就指向谁，没有调用者，就指向全局对象window。 箭头函数：箭头函数的this指向于函数作用域所用的对象。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格
js和vue中this指向总结
yusun1234的博客
02-11 1019
js 1、构造函数中，指向构造函数本身 function Pro(){ this.x = '1'; this.y = function(){}; } var p = new Pro(); 2、事件绑定中，行内绑定指向window、动态绑定和监听事件指向本节点对象 3、定时器中，分两种 var obj = { fun:function(){ this ; } } ​ setInterval(obj.fun,1000); // this指向
【JS】Javascript中的this到底是什么
a1611107035的博客
10-28 2794
JavaScript中的this是一个对于新手来说特别吓人并且不友好的概念。对于一个前端萌新来说，这个概念既模糊，又看不到它存在的意义。本文将解析JavaScript中的this，并且逐一分析他在每个常见场景中的意义和指向。
js中this指向的总结
小宋？老宋？的博客
03-18 1429
js中的this指向问题可谓是老生常谈。我这样的初学者大多数会认为很绕。本篇博客会把this指向问题按照权重进行分级，并指出一些经常出问题的情景。 最轻一级：默认绑定的指向。 这一级就是所谓的没有调用，this指向window。 如下： function test () { console.log(this); } test(); 其实这个可以理解为，因为...
JavaScript中的this指向问题
weixin_43758377的博客
03-12 1185
JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。 想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置； 针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也
结合Vue重新总结一下JS中this的指向问题
qq_32077521的博客
03-23 1497
结论： 普通函数和匿名函数中的this指向是在运行时候确定的，谁调用了该函数，那么this就指向谁。 箭头函数中的this指向的是父级作用域中的this的指向，或者说，该箭头函数在哪定义的，那么箭头函数中this就指向哪块作用域。 在严格模式下，即’use strict’模式下，全局作用域下的普通函数和匿名函数中的this指向undefine。 以下例子显示了在各种情况下this的指向： var a = 0; console.log(this.a); //this指向window var a = 0;
JavaScript中的this关键字使用方法总结
10-24
Script中，`this`关键字是一个非常重要的概念，它在不同的上下文中有着不同的指向。下面我们将详细讨论四种主要的`this`使用场景...在实际开发中，熟练掌握`this`的用法对于编写高效、可维护的JavaScript代码至关重要。
基于javaScript的this指向总结
10-19
下面小编就为大家带来一篇基于javaScript的this指向总结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js中this对象用法分析
11-29
在JavaScript中，`this`对象是一个非常关键的概念，它用于标识函数执行时的上下文，即函数被哪个对象调用。`this`的值不是在函数定义时确定，而是在函数执行时根据函数的调用方式动态绑定。下面将详细讨论几种常见的...
js中this的指向问题归纳总结
01-19
js中this指向问题是个老生常谈的问题了，下面这篇文章再来给大家介绍下，大家可以看看，更深入的了解了解，下面话不多说了，来一起看看详细的介绍吧 this this:上下文,会根据执行环境变化而发生指向的改变. 1.单独...
再次谈论Javascript中的this
10-22
总结一下，JavaScript中的`this`关键字的正确理解和使用是至关重要的，因为它在对象方法、事件处理和函数调用中扮演着核心角色。了解`this`的动态行为，以及如何利用闭包、箭头函数或`bind`来管理`this`的值，是每个...
【React 】开发环境搭建详细指南
lph159的博客
07-24 1122
无论你是刚刚开始学习 React，还是希望在现有项目中采用 React 技术，搭建一个高效的开发环境都是至关重要的。本文将详细介绍如何从零开始搭建 React 开发环境，涵盖所需的工具和最佳实践，帮助你快速启动并顺利进行开发。Visual Studio Code（VS Code）是目前最流行的代码编辑器之一，提供了丰富的扩展和强大的功能。如果你希望对项目的配置有更多的控制，可以选择手动配置 React 项目。下载并安装最新版本的 Node.js，安装 Node.js 后，npm 会自动安装。
已解决：vue-office/excel 多个sheet点击切换，滚动条高度不重置，表格视图位置不正确
weixin_42289080的博客
07-26 164
解决 @vue-office/excel 多个sheet切换，内容以及滚动条展示不正确的问题
vue el-select的下拉树形结构 带检索功能
最新发布
Jokerxiuka的博客
07-26 126
【代码】vue el-select的下拉树形结构。
Vue3可媲美Element Plus Tree组件实战之移除节点
felix_alone2012的博客
07-25 590
《Element Plus Tree - 自定义节点内容》示例中介绍了移除节点的用法，个人觉得作为提供给用户API，应该遵循迪米特法则，把功能实现的细节封装在组件内部，而提供给用户最简单的操作方式，同时在此基础上支持用户的扩展。因此，在API使用的人性化方便，个人觉得element plus做的并不优秀。为此，我们自定义tree组件时对用户API可以设计的更人性化些。
jQuery常用方法解析与JavaScript中的this
在本文中，我们将深入探讨jQuery中的三个常用方法：find()、hover和toggleClass，并结合JavaScript的基础知识，如null的类型、this的指向以及函数的call方法，进行详细的讲解。 一、jQuery的find()方法 find()方法...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值