每日面试题（6）-浅析this的指向问题

已于 2023-12-12 15:30:06 修改
阅读量173 收藏
点赞数
分类专栏： 前端面试 文章标签： javascript 开发语言 前端
于 2022-12-31 22:31:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cy_wint/article/details/128509334
版权
本文深入探讨JavaScript中this的指向问题，包括全局环境和函数内部的指向规则。箭头函数的this遵循就近原则，不具有自己的作用域。同时，通过call、apply、bind可以改变this的指向，其中call和apply在调用时立即执行，bind则保留更改后的this但不执行。
摘要由CSDN通过智能技术生成

浅析this的指向问题

目录

1. this的指向：谁调用指向谁（指向最近的调用者）

2. 箭头函数的this指向

3. 改变this的指向

1. this的指向：谁调用指向谁（指向最近的调用者）

第一个在全局环境中，this一定指向全局对象window

第二个虽然在函数内部，但是这个函数在这里是全局属性，会被挂载在window上，也就相当于window.a(),this自然指向window

谁调用指向谁（指向最近的调用者）

2. 箭头函数的this指向

箭头函数没有作用域，所以向最近的作用域中寻找调用者

可以看到this也是在作用域往上找，就近原则

3. 改变this的指向

call,apply(),bind()

前两者一样，改变this指向后会调用一次，区别在于传参，call以对象形式传参，apply方法以数组形式传参

bind()的不同在于改变this指向后不会调用

吃鱼陈默
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
38道关于this的面试题，让你彻底解决this 的指向问题
2401_84049023的博客
04-03 946
对于面试还是要好好准备的，尤其是有些问题还是很容易挖坑的，例如你为什么离开现在的公司（你当然不应该抱怨现在的公司有哪些不好的地方，更多的应该表明自己想要寻找更好的发展机会，自己的一些现实因素，比如对于我而言是现在应聘的公司离自己的家更近，又或者是自己工作到达了迷茫期，想跳出迷茫期等等）Java面试精选题、架构实战文档你的支持，我的动力；祝各位前程似锦，offer不断！《一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码》点击传送门即可获取！t obj2 = {题目7.2。
JavaScript面试题：聊聊this的指向问题
lalala_dxf的博客
02-07 1113
这个this的指向实在让人脑阔痛，害我掉了3根头发，目前也才弄懂了一丢丢，其他情况以后遇到在补充。。。 首先，我们先看普通函数和箭头函数this指向的特点： 普通函数 总是代表直接调用者，直接调用者就是它的直接上层作用域，再往上就不算了。 默认情况下，如果没有直接调用这，this执行window 严格模式下（设置use strict），this为undefined 当使用call，apply，bind绑定对象时，this指向绑定的对象 箭头函数 沿着作用域链一层层往上找，直到找到合适的对象.
JavaScript函数this指向问题，前端中常见的面试题
m0_60229361的博客
04-03 510
打印结果为：可知对象方法调用时this指向的是该方法的实例对象。3、对象方法var o = {console.log(‘对象方法的this:’+this);o.print()打印结果为：可知对象方法调用时this指向的是该方法所属对象。4、事件绑定方法当我们给某个按钮添加了一个绑定事件，他的this又是如何指向的呢？例如现在有一个button按钮，现在我们给它添加一个点击事件，如下：按钮当我们点击按钮时，可以得到：可知，绑定事件调用时this指向的是绑定事件对象。5、定时器函数。
2022JAVA面试题附答案(长期更新)
热门推荐
weixin_38399962的博客
05-17 14万+
该博客囊括了Java面试中95%的面试题，不包含算法题。如有遗漏或错误，请立刻联系我，十分感谢。
Java面试题汇总与解答
时间不会驻留，人生不会重来。
03-01 6万+
2018最新Java面试题整理(持续完善中…) 声明：面试题（无参考答案）收集自公众号服务端思维，本人抱着学习的态度网上找了下参考答案，有不足的地方还请指正，谢谢~ 2018最新Java面试题整理(持续完善中…) 基础篇 基本功 面向对象特征 final, finally, finalize 的区别 int 和 Integer 有什么区别 重载和重写的区别 抽象类和接口有什么区别 ...
面试题vue+uniapp（易理解）可先收藏点赞方便查找，未编辑完整....
ZZZZZZZZjy的博客
05-30 1413
Vue 2 的响应式系统基于，通过 getter/setter 来实现数据的依赖收集和变化通知。Vue 3 的响应式系统基于Proxy，提供了更强大的数据监听能力。它使用ref和reactive来创建响应式数据。watch在 Vue 2 和 Vue 3 中都是存在的，但它并不是响应式系统的核心部分，而是一个用于观察数据变化并触发相应逻辑的工具。vue2 Object.defineProperty 和 vue 3 Proxy 区别：数据劫持。
浅析 Javascript 中 this 的指向 ( 箭头函数 )
2401_84618926的博客
06-25 594
调用foo()的时候其实相当于，所以this.a其实指向的是window.a。
React一到三年面试题以及进阶题分享
吴小迪的博客
08-11 4万+
笔者是众多React开发者之一，编写react已有不少时日了，面试的时候遇到了很多自己不懂的东西，每次面试后都会把自己感觉蛮重要的内容总结下来，于是便有了此篇文章。希望此文章能够帮助到大家。 React面试题正文： React是什么开发模式的框架？ 答案：React其实只属于V，视图 请讲讲React的特点。 答案：React的特定及缺点以及关键版本介绍 请说出React的关键版本区别。 答案...
前端开发面试题总结之——JAVASCRIPT.One
张晨光老师的播客
03-20 481
相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015（ES6）、Node.js、AngularJS、Vue、React… 题目&答案 介绍一下 JS 的基本数据类型。 Undefined、Null、Boolean、Number、String 介绍一下 JS 有哪些内置对象。
前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新
MingL520的博客
07-17 8万+
文档描述 本文是关注微信小程序的开发和面试问题， 由基础到困难循序渐进， 适合面试和开发小程序。 并有热点框架（vue react node.js 全栈）前端资源以及后端视频资源和源码 并基于前端进阶和面试的需求 总结了常用插件和js算法 以及html/css和js热点面试题 因为csdn不可以有外链 所以答案链接在评论区！！！ Vue面试题 生命周期函数面试题 1.什么是...
Java面试题整理（持续更新）
qq_43649937的博客
04-17 914
java
史上最全的C++/游戏开发面试问题总结（一）——C++基础
Jerish的博客
05-02 2万+
笔者毕业两年，最近通过猎头拿到了腾讯IEG以及网易游戏的两个客户端研发offer（UE4/C++）。在面试前夕，笔者对C++进行了较为全面的复习和总结，乐观估计可以涵盖80%左右的面试基础问题。 这个系列的文章预计有《C++基础》、《内存、STL、虚函数相关》、《数据结构与算法》、《操作系统与网络》四篇（后续可能会调整），每篇都是以问答的形式分享并给出了参考资料的链接地址。大部分问题回答的比较简洁...
6万字嵌入式最全八股文面试题大全及参考答案（持续更新）
大模型大数据攻城狮的专栏
07-31 502
进程上下文定义：进程上下文包含了进程执行时所需的所有信息，包括 CPU 寄存器的值、内核栈、任务控制块（TCB）等。作用：当进程被切换时，需要保存当前进程的上下文，并恢复下一个将要运行进程的上下文。中断上下文定义：中断上下文是指处理中断时 CPU 所处的状态，包括中断发生时的寄存器值等。作用：当中断发生时，CPU 会自动保存当前的上下文信息，并跳转到相应的中断处理程序。示例表格上下文描述进程上下文包含进程执行时的所有相关信息中断上下文处理中断时 CPU 所处的状态线程同步定义。
面试题汇总二 Java 多线程篇
u013575592的博客
10-16 1283
前言 题目汇总来源史上最全各类面试题汇总，没有之一，不接受反驳 面试题汇总一 Java 语言基础篇 面试题汇总二 Java 多线程篇 面试题汇总三 Java 集合篇 面试题汇总四 JVM 篇 面试题汇总五 Spring 篇 面试题汇总六 数据库篇 面试题汇总七 计算机网络篇 目录 前言 多线程 开启线程的三种方式？ 什么是Callable和Future? 说说进程...
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
h2345678的博客
08-27 1395
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
vue ref和reactive区别
灰海
08-25 5461
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 1万+
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
【项目】云备份系统笔记
最新发布
m0_73713491的博客
08-27 977
就包含一个类，config，是读取配置文件的类，因为配置文件只有一份，所以可以采用单例模式，把config类的构造函数私有化，只能通过一个公共成员函数getinstance（）来创建对象（new config（）），在类的内部可以调用私有化构造函数，构造函数里面再调用读取配置文件的函数，用自己实现的工具类读取配置文件，将读到的内容放到一个字符串中，然后再将字符串用Json进行序列化，然后给类中的成员变量进行赋值，类中的成员变量就包含了cloud.conf里面包含的信息，一一对应。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值