前端必考的this指向面试题

最新推荐文章于 2024-05-26 13:51:37 发布
原创 最新推荐文章于 2024-05-26 13:51:37 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文深入探讨了JavaScript中this关键字的指向问题，通过具体代码示例解释了不同上下文中this指向的不同对象，以及如何影响length属性的读取。

请问一下代码中输出是什么？

在这里插入图片描述

答案：

在这里插入图片描述

解析：
1.关于js中this指向的问题，谁调用this即指向谁
2.在第一次执行fn()方法时，此时的fn时直接执行的，并不是任何对象调用的，此时的this是指向window的，this.length自然是window.length，而直接打印的length，在当前fn的作用域中没有length变量，所以会往上一层作用域找length变量，即window中找，很显然，输出的结果为10
3.第二次执行 arguments[0] ()时，此时相当于arguments.fn()，此时this是指向arguments的，所以打印出的this.length自然是arguments的长度,直接打印length则与第一次执行相同
4.直接打印this是有obj调用的method的方法，所以this指向是指向obj的，故此时打印this.length相当于 obj.length ==》5
直接打印length则与第一次执行fn相同

【前端面试题】this指向（一）
二琳爱吃肉的博客
11-13 1620
在普通函数中，this默认指向window 在严格模式中，this禁止指向window，this默认指向undefined 在ES6中（类中、语法体中）默认开启严格模式，所以this默认指向undefined 下面列举往年的面试题 一起来看看this的指向，题目中好多坑，一不小心就掉坑里了。 题目一 //第一题 window.name = "bd" class A { constructor() {
【JavaScript】this指向经典面试题（超详细）
m0_67401660的博客
07-31 1992
本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...
前端面试系列-JavaScript-this指向问题(附面试例题)
LYFlied的博客
03-23 1707
对this的产生原因分析和了解 默认绑定 显式绑定 new绑定 this指向面试例题 从ECMAScript规范解读this 默认绑定 < 隐式绑定 < 显式绑定 < new 绑定
前端面试题--this指向
李卓书
05-18 338
文章目录知识点面试题推论及注意点 知识点 谁调用就指向谁 面试题 var name = 222; var a = { name: 111, say: function () { console.log(this.name) } } var fun = a.say fun() a.say() var b = { name: 333, say: function
前端常见面试题：this
lucky_girl_girl的博客
02-09 368
一.全局环境下 this始终指向全局变量（window） 二.函数上下文调用 严格模式：this为undefine 非严格模式下：this默认指向全局变量 三. 对象中的this this指向调用这些方法的对象。 四.原型链中this this指向调用这些方法的对象 五.构造函数中的this this指向创建的对象 六. dom事件处理函数 指向触发该事件的元素 七.setTimeout和setI...
2025高频前端面试题（含答案）
热门推荐
weixin_44672169的博客
04-22 25万+
一、简单页面 1、CSS选择器样式优先级 2、CSS实现三列布局（左右固定宽度，中间自适应） （1）CSS浮动 第一个float:left，第二个float:right，第三个设置margin-left和margin-right （2）绝对定位法 第一个定位到left，第二个定位到right，第三个设置margin-left和margin-right （3）flex布局 .left{ width:200px; 或者 flex:0 0 200px; } .right{ width:200px;
前端笔试面试常考题——this指向问题
最新发布
XIAO_A_fighting的博客
05-26 511
对于学习来说，不仅要知其然还要知其所以然，this这个关键字，最初一看到它是会让人发懵的，这个this究竟指什么，接下来就让我们一起来探讨一下有关this的种种这个问题想明白之后或许this就不在那么恐怖了，举一个生活中的例子： 怎么样？是不是感觉有些赘余，没有必要一直提小红。 这样就好一些了，对吧。 那么在js中也是如此，this指代会让我们的格式看起来更加整洁，写起来也更加方便，但问题也就随之产生了，我们在调用对象的方法属性时，可能会比较有比较复杂的层层调用，那this究竟指向谁？
前端面试题—this的指向
shabbyaxe的博客
10-16 1071
面试题:this是什么？
【前端面试题】this指向（二）
二琳爱吃肉的博客
11-14 1644
this是对当前对象的引用： 1 事件中 ->谁的事件this->谁 2 定时器 ->window 3 对象中 ->谁.方法this->谁 4 构造函数中 ->实例化对象 5 普通函数中 ->window 昨天写完了前三条面试题，如果感兴趣可以点击如下链接跳转到我昨天写的前端面试题this指向的前三题：【前端面试题】this指向（一） 我们接着往下写： 第四题 原题...
前端面试题：谈谈This指向
欢迎来到我的博客
07-31 1309
除了那个闭包的输出问题，另一个让人头疼的，非This的指向问题莫属了，this有时候真的是把人搞得蒙蒙的，但是究竟如何this的指向呢，今天上午也是探索了一番。 首先要说的是，this的指向在函数定义的时候是确定不了的，只有当函数执行的时候，才知道this到底指向谁，实际上this最终的指向是那个调用它的对象。 举个例子： function fn(){ console.log(this); } 当面试官给了这么一个函数去问this的指向的时候，虽然平时一些面试问题说不知道很减分，但是这个问
this指向_前端面试题——this指向实战
weixin_39716521的博客
12-08 1513
前端面试，总是会被问到这样一类问题：来来来，给你看下面这一段程序，这里的this.bar打印出来是什么值？下面这个this.bar打印出来又是什么值呢？之前，我们已经在《前端面试题——十分钟搞懂this》介绍了this的各种规则，我这段时间看到了几个关于this的题目，那么这篇文章就让我们实战演练一下this的指向问题！This指向规则This指向分为四种绑定规则：默认绑定、隐式绑定、显式绑定以及...
关于this指向的面试题，
stone_1996的博客
03-20 454
一道关于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的指向问题
weixin_44771007的博客
04-15 2667
非严格模式下this指向默认是window，严格模式下默认是undefined 普通函数调用 this指向全局对象window 对象函数调用 谁调用this就指向谁 构造函数调用 this指向实例对象 箭头函数 箭头函数的this是在定义函数的时候绑定的，不是在执行过程中绑定 可以解决匿名函数和定时器的this指向问题，不用用变量that储存this 示例： v...
js面试题:this指向
weixin_44395929的博客
11-11 1224
一、了解this 关于this,我们需要了解两点 this永远指向一个对象 this的指向完全取决于当前执行环境(即该函数被调用的位置) //在一些文档中曾看到过js中this指向被分为n中情况,我个人感觉这是在将简单问题复杂化,解决问题的本质是将问题模型化,简单化,而不是引入多个特殊情况分析 用阮一峰曾讲过的一句话,this指向完全取决于当前执行环境 二、面试题 var name = "lucy"; var obj = { name: "martin",
前端面试难题：this指向问题
HGJyujian的博客
09-20 688
this指向的问题
理清JS中this指向问题
庹小智的博客
10-26 307
前言 当一个函数调用时，会创建一个执行上下文，这个上下文包括函数调用的一些信息(调用栈，传入参数，调用方式)，this就指向这个执行上下文。 this不是静态的，也并不是在编写的时候绑定的，而是在运行时绑定的。它的绑定和函数声明的位置没有关系，只取决于函数调用的方式。 本篇文章有点长，涉及到很多道面试题，有难有简单，如果能耐心的通读一编，我相信以后this都不成问题。 在文章的最开始，陈列一下本篇文章涉及的内容，保证让大家不虚此行。 默认绑定 隐式绑定 隐式绑定丢失 显式绑定 ..
js this指向面试题
qq_44670001的博客
05-08 300
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 *.
JS中this的指向问题（面试题）
zhengjingID的博客
06-22 1260
// 1.函数直接调用时，默认this指向window； function demo(){ console.log(this);//第一个this function demo1(){ console.log(this);//第二个this } demo1();//在dem...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值