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

最新推荐文章于 2022-09-06 15:07:56 发布
最新推荐文章于 2022-09-06 15:07:56 发布
阅读量1.5k 收藏 10
点赞数 3
分类专栏： 面试 学习路线 阿里巴巴 文章标签： android 前端 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67391521/article/details/126043246
版权
本文详述JavaScript中this的四种绑定规则，并通过四个经典面试题进行解析，帮助读者掌握this的关键知识点。文章涵盖不同场景下的this指向问题，包括对象内部函数、构造函数等复杂情况。同时推荐了相关资源供深入学习。
摘要由CSDN通过智能技术生成

在这里插入图片描述

文章目录

??前言

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

面试题参考文章：

【面试专栏】—— 点击链接即可

最低0.47元/天 解锁文章
m0_67391521
关注
专栏目录
Scala之完美解决IntelliJ IDEA安装scala插件失败，install安装后不成功，项目中无法新建一个Scala类
m0_60721514的博客
06-21 911
?? 前言?? 同学们，我是????作者认证:新星计划算法领域潜力新星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指向
最新发布
m0_72678953的博客
08-19 571
this是一个特殊的关键字，其值由运行时根据函数的执行环境绑定。也就是说，this指向当前执行环境，可以使用其动态访问运行到其所在代码时候的所有变量。
《2w字大章 38道面试题》彻底理清JS中this指向问题
前端开发博客
11-17 4210
大家好，我是漫步，今天来分享this相关问题。喜欢记得关注我并设为星标，及时收到更新。前言当一个函数调用时，会创建一个执行上下文，这个上下文包括函数调用的一些信息(调用栈，传入参数，调用...
this指向-超经典面试题
SOLar7SysteM的博客
07-26 670
this指向。前端面试题
js this指向面试题
qq_44670001的博客
05-08 247
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 *.
5个JavaScript经典面试题
10-25
接下来我将详细解释在上述文档中提到的五个JavaScript经典面试题及其知识点。 首先，第一个面试题涉及了JavaScript的作用域（Scope）概念。在JavaScript中，如果使用var关键字声明变量，它将是函数作用域的，如果不...
前端75道经典面试题.rar
02-19
"前端75道经典面试题.rar"这个压缩包提供了互联网大厂常问的75道前端面试题，覆盖了基础到进阶的多个层面，是提升你面试能力的理想资料。以下是一些可能包含在这些面试题中的关键知识点： 1. **HTML与CSS**： - ...
this面试题
m0_51636525的博客
05-30 1047
如果没有学习过this的指向的话，可以简单学习一下。JavaScript中this指向 不是很详细，但是大部分的情况都能包括到了，也可以在做题的过程随时复习。 this指向规则 默认绑定 函数独立调用 this指向window 隐式绑定 通过某个对象进行调用 this指向调用的那个对象 显式绑定 使用call、apply、bind方法进行绑定 this指向绑定的那个对象 new绑定 使用new关键字来调用函数的时候 this指向调用的那个对象 箭头函数没有this 所以会往上层作用域查找 .
JS 中的 函数（详解，含 this 指向面试题）
weixin_30555125的博客
12-23 372
一、函数 概述 特点： 函数：可重用的代码块 函数：可以作为参数、返回值使用 函数 也是对象 函数的类型： typeof Function、typeof Object、typeof Array：值均为 "function" 函数在哪个作用域内创建的，就会在哪个作用域内执行；与函数调用的环境无关 函数一创建，就有了 prototype 属性，指向原型对象（Math函数除外） 匿名函数 的表...
this指向的面试题
aichixiangcaia的博客
11-19 525
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 322
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 389
一道关于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 479
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
面试题：this的指向问题
weixin_44771007的博客
04-15 2614
非严格模式下this指向默认是window，严格模式下默认是undefined 普通函数调用 this指向全局对象window 对象函数调用 谁调用this就指向谁 构造函数调用 this指向实例对象 箭头函数 箭头函数的this是在定义函数的时候绑定的，不是在执行过程中绑定 可以解决匿名函数和定时器的this指向问题，不用用变量that储存this 示例： v...
【面试题】this 指向
yiweichenji的博客
04-25 498
一道有意思的面试题，考查 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中this面试题, 四道题彻底清楚this指向问题
m0_71485750的博客
06-08 5703
如果不清楚this绑定规则可以看上一篇有详细说明 打印结果:解释: 打印结果解释:person1.foo1(): 隐式绑定, this指向发起调用的对象person1person1.foo1.call(person2): 显示绑定, this指向person2person1.foo2(): foo2是一个箭头函数, 箭头函数中没有this, 会向上级作用域寻找, 上级作用域this指向windowperson1.foo2.call(person2): foo2是一个箭头函数, 对箭头函数绑定this是不生
js面试题:this指向
weixin_44395929的博客
11-11 1177
一、了解this 关于this,我们需要了解两点 this永远指向一个对象 this的指向完全取决于当前执行环境(即该函数被调用的位置) //在一些文档中曾看到过js中this指向被分为n中情况,我个人感觉这是在将简单问题复杂化,解决问题的本质是将问题模型化,简单化,而不是引入多个特殊情况分析 用阮一峰曾讲过的一句话,this指向完全取决于当前执行环境 二、面试题 var name = "lucy"; var obj = { name: "martin",
JS中关于this指向的面试题
Allurewuhui的博客
02-21 772
var length = 100; function fee(){ console.log(this.length); } var obj = { length:10, getLength(cb){ console.log(cb); // 内容为 fee 函数 console.log(arguments); // 为三个传递进来的实参 cb() arguments[0]() } } obj.getLength(f...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值