this相关

已于 2022-03-02 19:52:16 修改
阅读量92 收藏
点赞数
文章标签： JavaScript this指向 箭头函数 执行上下文 函数调用
于 2022-03-02 15:19:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yee22a/article/details/123231039
版权

一。在普通情况下

第一种情况下函数直接被调用，则此时的this指向window

第二种情况下函数作为对象的方法被调用（谁调用我 我指向谁）

看一道面试题

二.在箭头函数下

       

关键是找到父执行上下文的对象 

陈镇航
关注
前端经典面试题 | this相关问题
CoderHing的博客~
10-29 2874
🧑‍💼 个人简介：一个不甘平庸的平凡人🍬🍀 格言: ☀️ 路漫漫其修远兮,吾将上下而求索☀️👉 你的一键三连是我更新的最大动力❤️。
全面理解java中的构造方法以及this关键字的用法（超详细）
日常学习记录、分享，愿我们都遇见更好的自己，与诸君共勉
04-06 2万+
java中怎样用巧用构造函数初始化成员变量😎，在类于对象中有关this的那几个用法，你真的懂了吗🤔？不再复习一下吗📝
this的用法
qq_45768871的博客
02-21 6970
this 指向问题 在绝大多数情况下，函数的调用方式决定了 this 的值（运行时绑定）。 this是 JavaScript 语言的一个关键字。 它是函数运行时，在函数体内部自动生成的一个对象，只能在函数体内部使用。 function test() { 　this.x = 1; } 上面代码中，函数test运行时，内部会自动有一个this对象可以使用。 那么，this的值是什么呢？ 函数的不同使用场合，this有不同的值。总的来说，this就是函数运行时所在的环境对象。下面分四种情况，详细讨论th
this的指向问题及用法
小小前端攻城狮的博客
04-10 1732
前言 最近，在准备面试，看到这样一道编程题，原题如下： // 写一个 sum 方法，当使用下面的语法调用时，能正常工作 console.log(sum(2, 3)); // Outputs 5 console.log(sum(2)(3)); // Outputs 5 这道题要考察的，就是对函数柯里化的理解。让我们先来解析一下题目的要求： 如果传递两个参数，我们只需将它们相加并返回。 否则，我们假设它是以sum(2)(3)的形式被调用的，所以我们返回一个匿名函数，它将传递给sum()（在本例中为2）
Java中this关键字的详解
热门推荐
weixin_42386014的博客
07-20 19万+
在java的学习中，当接触到类这一章的时候，就会避免不了的接触到this关键字。 首先，this关键字指向的是当前对象的引用 作用： this.属性名称 指的是访问类中的成员变量，用来区分成员变量和局部变量（重名问题） class Test_08{ publ...
html js 获取this,JavaScript中的this引用(推荐)
weixin_34393451的博客
06-09 1395
thisthis是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。一、定义1、this是函数内部的一个特殊对象(或this引用)--它引用的是函数据以执行的环境对象。2、this引用是一种在JavaScript的代码中随时都可以使用的只读变量。 this引用 引用(指向)的是一个对象，它有着会根据代码上下文语...
JavaScript中this面试题, 四道题彻底清楚this指向问题
m0_71485750的博客
06-08 5670
如果不清楚this绑定规则可以看上一篇有详细说明 打印结果:解释: 打印结果解释:person1.foo1(): 隐式绑定, this指向发起调用的对象person1person1.foo1.call(person2): 显示绑定, this指向person2person1.foo2(): foo2是一个箭头函数, 箭头函数中没有this, 会向上级作用域寻找, 上级作用域this指向windowperson1.foo2.call(person2): foo2是一个箭头函数, 对箭头函数绑定this是不生
浏览器与Node 中的this
少东的博客
08-31 1589
上午在复习闭包的时候，又看了一下阮一峰老师的那篇 学习Javascript闭包（Closure），内容不多，讲得也很清晰。但是最后的两个题目引发了较多的争议，看好多人评论说第一个题目实际上是this 指针的问题。于是亲自去实践下，再结合其他几篇文章，又跑去研究一下浏览器和Node 中的this 指针的问题，最终总结整理出一点东西，写在下面。 1. 两个题目 首先来看一下那两个题目，第一题： ...
前端js中this指向及改变this指向
json博客
01-10 1666
一、 this含义 this是JS中的关键字， 它始终指向了一个对象， this是一个指针; 二、 this显示绑定和隐式绑定 1. this显示绑定  含义： 当一个函数没有明确的调用对象的时候， 也就是单纯作为独立函数调用的时候， 将对函数的this使用默认绑定： 绑定到全局的window对象  在显式绑定下： 函数将取得在“ 包含对象“ 里的永久居住权， 一直都会” 住在这里“  1.1 全...
this和super用法
yuqu1028的博客
07-21 1998
如果一个类中声明了n个构造器，则最多有n-1个构造器中使用了"this(【实参列表】)"，否则会发生递归调用死循环。注意super和this都不能出现在静态方法和静态代码块中，因为super和this都是存在与。super()和this()都必须是在构造方法的第一行，所以不能同时出现。在子类中访问父类的成员变量，特别是当子类的成员变量与父类的成员变量重名时。在子类中调用父类的成员方法，特别是当子类重写了父类的成员方法时。（3）this()或this(实参列表)（2）this.成员方法。...
浅谈JavaScript中this的指向问题
11-20
在JavaScript中，`this`关键字是一个非常核心的概念，它的指向问题常常困扰着初学者。`this`的指向并不像其他编程语言那样固定，而是根据函数的调用方式动态决定的。下面我们将深入探讨`this`的基本规则以及如何通过...
this的用法以及改变this指向
09-14
4. **面试准备**：`this`的相关概念是面试中常见的考察点。 #### this是什么？ `this`不是一个指向自身的指针，而是一个指向当前正在执行函数的上下文对象的指针。它会根据函数的调用方式动态地改变其指向的目标。...
js中this相关的测试代码
03-03
js中this相关的测试代码
Java的this关键字的使用与方法的重载相关知识
09-03
Java的`this`关键字在编程中扮演着至关重要的角色，它是对当前对象的引用，用于在类的方法中访问实例变量和调用其他方法。在Java中，`this`关键字有以下几种常见用法： 1. **访问实例变量**：当成员变量与局部变量...
深入理解React中es6创建组件this的方法
11-23
总结起来，`this`在React中的核心概念是它与作用域无关，只与执行上下文有关。在ES6的`class`组件中，我们需要特别注意`this`的绑定，以确保它指向正确的对象。使用`bind()`或箭头函数可以帮助我们解决`this`的绑定...
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1339
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 584
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 505
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
最新发布
源码好优多
10-16 403
请联系我获取更详细的演示视频。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值