【JavaScript】this指向经典面试题（超详细）

最新推荐文章于 2024-04-30 09:37:23 发布
原创 最新推荐文章于 2024-04-30 09:37:23 发布 · 1.6k 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#android #前端 #后端

本文详述JavaScript中this的四种绑定规则，并通过四个经典面试题进行解析，帮助读者掌握this的关键知识点。文章涵盖不同场景下的this指向问题，包括对象内部函数、构造函数等复杂情况。同时推荐了相关资源供深入学习。

在这里插入图片描述

文章目录

??前言

本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。
只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。

面试题参考文章：

【面试专栏】——

最低0.47元/天 解锁文章
Scala之完美解决IntelliJ IDEA安装scala插件失败，install安装后不成功，项目中无法新建一个Scala类
m0_60721514的博客
06-21 1134
?? 前言?? 同学们，我是????作者认证:新星计划算法领域潜力新星top3?? 今天是Scala之完美解决ItelliJ IDEA安装scala插件失败的解决方法！图片描述如下： 安装JDK 1.8（略）安装Scala2.12解压文件：scala-2.12.11.zip，解压目录要求无中文无空格配置环境变量如果出现如下窗口内容，表示环境安装成功如果下载慢的，请访问网址：https://plugins.jetbrains.com/plugin/1347-scala/versions.默认情况，IDEA中创
前端面试必问-this 指向全解析
最新发布
2401_83607690的博客
10-13 359
JavaScript中的this关键字指向动态变化，取决于函数调用方式而非定义位置。主要有五大规则：1）默认绑定（独立调用时指向全局或严格模式下的undefined）；2）隐式绑定（方法调用时指向调用对象）；3）显式绑定（通过call/apply/bind指定this）；4）new绑定（构造函数指向新实例）；5）箭头函数继承定义时的外部this。优先级为：new绑定>显式绑定>隐式绑定>默认绑定。掌握这些规则的关键在于"看调用不看定义"，普通函数遵循四种绑定规则，箭头函
【前端面试题】this指向（一）
二琳爱吃肉的博客
11-13 1598
在普通函数中，this默认指向window 在严格模式中，this禁止指向window，this默认指向undefined 在ES6中（类中、语法体中）默认开启严格模式，所以this默认指向undefined 下面列举往年的面试题 一起来看看this的指向，题目中好多坑，一不小心就掉坑里了。 题目一 //第一题 window.name = "bd" class A { constructor() {
《2w字大章 38道面试题》彻底理清JS中this指向问题
前端开发博客
11-17 4455
大家好，我是漫步，今天来分享this相关问题。喜欢记得关注我并设为星标，及时收到更新。前言当一个函数调用时，会创建一个执行上下文，这个上下文包括函数调用的一些信息(调用栈，传入参数，调用...
this指向-超经典面试题
SOLar7SysteM的博客
07-26 763
this指向。前端面试题
5个JavaScript经典面试题
10-25
接下来我将详细解释在上述文档中提到的五个JavaScript经典面试题及其知识点。 首先，第一个面试题涉及了JavaScript的作用域（Scope）概念。在JavaScript中，如果使用var关键字声明变量，它将是函数作用域的，如果不...
【经典面试题】JavaScript 箭头函数及其对 this 指向的影响
gygkhd的博客
04-30 650
箭头函数提供了一种更简洁的函数写法，不需要使用function关键字。箭头函数的语法允许快速定义小函数，并且语法更加简洁。// 输出 5在这个例子中，定义了一个函数，接受两个参数a和b，返回它们的和。这种函数特别适合用在需要匿名函数的场合，如数组操作或异步编程中。
js this指向面试题
qq_44670001的博客
05-08 296
var number = 5; var obj = { number : 3, fn1:(function(){ var number; this.number *=2; number = number*2; number = 3; return function(){ console.log(this) var num = this.number; this.number *.
this面试题
m0_51636525的博客
05-30 1174
如果没有学习过this的指向的话，可以简单学习一下。JavaScript中this指向 不是很详细，但是大部分的情况都能包括到了，也可以在做题的过程随时复习。 this指向规则 默认绑定 函数独立调用 this指向window 隐式绑定 通过某个对象进行调用 this指向调用的那个对象 显式绑定 使用call、apply、bind方法进行绑定 this指向绑定的那个对象 new绑定 使用new关键字来调用函数的时候 this指向调用的那个对象 箭头函数没有this 所以会往上层作用域查找 .
JS 中的 函数（详解，含 this 指向面试题）
weixin_30555125的博客
12-23 417
一、函数 概述 特点： 函数：可重用的代码块 函数：可以作为参数、返回值使用 函数 也是对象 函数的类型： typeof Function、typeof Object、typeof Array：值均为 "function" 函数在哪个作用域内创建的，就会在哪个作用域内执行；与函数调用的环境无关 函数一创建，就有了 prototype 属性，指向原型对象（Math函数除外） 匿名函数 的表...
JavaScript中this面试题, 四道题彻底清楚this指向问题
m0_71485750的博客
06-08 6077
如果不清楚this绑定规则可以看上一篇有详细说明 打印结果:解释: 打印结果解释:person1.foo1(): 隐式绑定, this指向发起调用的对象person1person1.foo1.call(person2): 显示绑定, this指向person2person1.foo2(): foo2是一个箭头函数, 箭头函数中没有this, 会向上级作用域寻找, 上级作用域this指向windowperson1.foo2.call(person2): foo2是一个箭头函数, 对箭头函数绑定this是不生
this指向的面试题
aichixiangcaia的博客
11-19 585
1. 在函数中直接使用 this指向window 2.函数作为对象的方法被调用时(谁调用就指向谁) this 指向调用者 <script> var name = 222; var a = { name: 111, say: function () { console.log(this.name); }, }; var fun = a.say; fun();..
this指向面试题
Yannnnnm的博客
09-06 386
var person1 = new Person('person1') var person2 = new Person('person2') person1.obj.foo1()() person1.obj.foo1.call(person2)() person1.obj.foo1().call(person2)
关于this指向的面试题，
stone_1996的博客
03-20 446
一道关于js的this指向的面试题 前前后后学了半个月，今天终于是理解了this指向、闭包、作用域了，撒花庆祝。 之前看下面这道面试题全程懵逼，现在瞬间懂了。 如果我说错了麻烦大家评论一下嗷，我及时改正。 function a(xx){ this.x = xx; return this }; var x = a(5); var y = a(6); console.log(x.x) // undefined console.log(y.x) // 6 结合复习的作用域知识，重新梳理流程： va
面试题之this的指向
qq_37012533的博客
04-15 537
1、在构造函数中 let name='window' function Person(name,age){ this.name=name; this.age=age } this绑定在实例化的对象上 let man=new Person('hkj',21) console.log(man.name) //hkj 直接调用，this表示window fun(); 2、在箭头函数中 var name='hkj' function fun(){ var name="hkj1" retur
JavaScript函数this指向问题，前端中常见的面试题
m0_60229361的博客
04-03 669
打印结果为：可知对象方法调用时this指向的是该方法的实例对象。3、对象方法var o = {console.log(‘对象方法的this:’+this);o.print()打印结果为：可知对象方法调用时this指向的是该方法所属对象。4、事件绑定方法当我们给某个按钮添加了一个绑定事件，他的this又是如何指向的呢？例如现在有一个button按钮，现在我们给它添加一个点击事件，如下：按钮当我们点击按钮时，可以得到：可知，绑定事件调用时this指向的是绑定事件对象。5、定时器函数。
面试题：this的指向问题
weixin_44771007的博客
04-15 2666
非严格模式下this指向默认是window，严格模式下默认是undefined 普通函数调用 this指向全局对象window 对象函数调用 谁调用this就指向谁 构造函数调用 this指向实例对象 箭头函数 箭头函数的this是在定义函数的时候绑定的，不是在执行过程中绑定 可以解决匿名函数和定时器的this指向问题，不用用变量that储存this 示例： v...
【面试题】this 指向
yiweichenji的博客
04-25 561
一道有意思的面试题，考查 this 指向，如下。 var out = 25 var inner = { out: 20, func: function () { var out = 30 return this.out } }; console.log((inner.func, inner.func)()) console.log(inner.func()) console.log((inner.func)()) console.log((inner.func = inner.f
前端JavaScript面试必备：经典笔试题解析
"2021前端JavaScript面试经典题目合集包含了...这些面试题旨在测试开发者对于JavaScript核心概念的理解和应用能力，包括原型链、对象创建和构造函数的运作机制。熟悉并掌握这些知识点对于准备前端面试至关重要。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值