this指向集合

最新推荐文章于 2024-10-17 09:40:47 发布
最新推荐文章于 2024-10-17 09:40:47 发布
阅读量61 收藏
点赞数
分类专栏： js 文章标签： javascript es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43184101/article/details/125660446
版权

this的指向

提示：这里可以添加本文要记录的大概内容：

例如：this关键字是我们，是我们最经常用到的，不理解时候容易调用错
下面我们来总结下this在不同情况下的指向

一、指向window？

1 在普通函数中
在这里插入图片描述
在这里插入图片描述

2在回调函数中
在这里插入图片描述
在这里插入图片描述

3在立即执行函数中
在这里插入图片描述
在这里插入图片描述

二、指向当前的对象

在这里插入图片描述
在这里插入图片描述

三、指向构造函数中指向实例化的对象

在这里插入图片描述
在这里插入图片描述

四、指向绑定事件的元素

在这里插入图片描述
在这里插入图片描述
总结：在这里插入图片描述

箭头函数中的this指向是不绑定，是继承上一个作用域的
在这里插入图片描述
在这里插入图片描述
我们指向箭头函数当前的this指向是在window中我们在事件中写this指向是？
在这里插入图片描述
在这里插入图片描述
总结：箭头函数是不绑定this的，1 this在普通函数，立即执行函数，回调函数中都是执行的widdow,2在对象中是指向当前的对象的 3在构造函数中指向实例化的对象3在事件中指向的是绑定的事件的元素

下蛋的鹅
关注
专栏目录
javascript this指向总结
qq_30128683的博客
08-19 931
javascript this指向总结 1.单独的this，指向的是window这个对象 alert(this) // this -> window 2.全局函数中的this function demo() { // ‘use strict’; 严格模式 alert(this); // this -> window } demo(); 在严格模式下，this是undefined. 3...
this的指向问题
code_J的博客
04-13 4469
js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到，倒是对this，总是不太了解，今天我来带大家系统的了解和学习一下。 一、this的指向 this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境； this的指向大体分为以下几种情况： 1、全局作用域和普通函数调用，此时 this 指向 window 当函数不作为对象的属性被调用，而是以普通函数的方式，this总是指向全局对象（在浏览器中，通常是Window对象
闭包、this指向
m0_62351100的博客
01-21 764
闭包 1、闭包，如何产生闭包 就是打通了⼀条在函数外部访问函数内部作⽤域的通道。正常情况下函数外部是 访问不到函数内部作⽤域变量的
JS this指向总结
热门推荐
weixin_37722222的博客
08-13 3万+
使用 JavaScript 开发的时候，很多开发者多多少少会被 this 的指向搞蒙圈，但是实际上，关于 this 的指向，记住最核心的一句话：哪个对象调用函数，函数里面的this指向哪个对象。 下面分几种情况谈论下 1、普通函数调用 这个情况没特殊意外，就是指向全局对象-window。 let username='cn' function fn(){ alert(this.us...
修改this指向问题
梦里回忆-专栏
10-11 720
描述：改this的指向 1、call方法 param1: show函数中this的指向 param2: 第二参数开始都是show函数实际参数 例： 被调函数名.call(param1,param2,param3); 2、 param1: show函数中this的指向 param2: 一个集合  [] 没有第3个参数了 例： 被调函数名.apply(param1, par
闭包和this指向问题
m0_51328823的博客
01-15 1006
闭包 闭包产生的条件：函数嵌套函数，内部函数访问外部函数的变量/函数 闭包产生有两种表现： 函数作为参数被传递 函数作为返回值被返回 函数中的自由变量，取决于函数定义的地方，跟执行的地方没关系 // 函数作为参数被传递 function fn() { const a = 10 return function() { console.log(a); // 10 } } const f = fn()
javascript的this指向问题
weixin_43299180的博客
12-11 1085
关于this指向问题一直是js基础的热门问题，最近参与公司面试问过很多面试者总觉得有点模糊。所以自己想着总结一下： this的指向在函数定义的时候是确定不了的，只有在函数执行的时候，指向调用它的对象。 一、全局环境 在全局环境中，this都是指向全局对象window console.log(this); //window 二、函数环境 1、普通函数 普通函数调用是window的调用，this 指向window。 function fn(){ console.log(this);//window ,严格模
改变this指向的三种常用方法
纸上得来终觉浅，绝知此事要躬行
11-01 1万+
JavaScript中this的是一个值得深入的话题，下面总结了改变this指向的3种常用方法。首先弄清楚函数这个概念：函数本身就是一种特殊类型，要时刻明白一点，函数也可以认为是一种变量。 1.通过对象的方法来定义一个函数（谁绑定了我，我就指向谁） 通俗的话来说，就是如果这个函数是某个对象的方法（key），那么函数中的this就指向这个对象。 var a = function(obj)
JavaScript面试题（作用域、闭包、this指向、综合面试题）
筱竹的博客
11-17 3214
一、变量声明和函数声明提升 ​ 先声明，再赋值 // 变量声明提升 // 案例 var a = 10; console.log(a) // 10 // 改动一下 console.log(a) // undefined var a = 10; // 总结 只有声明本省会提升，而赋值或者其他运行逻辑会留在原来的位置 // 函数声明提升 //函数声明和变量声明都会提升，但是函数会首先被提升，然后才是变量 //案例1 var a = 1; function a(){ } .
前端常见问题以及处理方式 - - - (十一) js中改变this指向的三种方法
业余丰富各种技术栈
08-10 1万+
js中改变this指向的三种方法
老生常谈JavaScript面向对象基础与this指向问题
10-19
本文将深入探讨面向对象的基础概念，包括面向过程与面向对象的区别，以及JavaScript中特有的this指向问题。 首先，我们要理解面向过程和面向对象的区别。面向过程编程是一种自下而上的编程范式，关注解决问题的具体...
深度理解this和改变this指向
weixin_44164982的博客
08-17 307
this指向（this指针对象） https://www.cnblogs.com/pssp/p/5216085.html this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。 在全局中this指向的是window（在JS中没有global这个全局对象，而JS的全局对象是window）； 在函数中this指向的是这个函数执行所操作的当前对象。 this在函...
前端 js 处理一个数组 展示成层级下拉样式
最新发布
lzfengquan的博客
10-17 130
前端开发中，不管是什么时候都会遇到select 下拉框的使用，一般情况下，数据处理后端都会处理好。前端一般使用相应技术栈所推荐的公共组件就可以了。前端处理的前提是要确定那个是父级元素，那个是子级元素，这样才能更好的处理数据。这个时候前端要写个方法去处理这个数组了。这个数组后端是会给的。
npm 和 npx 的区别和使用场景
Dou_Hua6的博客
10-09 765
自动下载和缓存：如果本地未安装所需包，npx会自动下载并执行，执行完毕后可以选择保留或删除。脚本运行：通过package.json中的scripts字段定义和运行自定义脚本。依赖管理：管理项目的dependencies和devDependencies。简化命令行工具的使用：临时执行命令，避免全局安装带来的版本冲突或污染。npm 全称：Node Package Manager。发布包：将自己的包发布到npm注册表供他人使用。：无需全局安装即可运行npm包中的可执行文件。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1347
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 668
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 560
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
源码好优多
10-16 709
请联系我获取更详细的演示视频。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值