JavaScript 面试题（八）JavaScript 中 this 的指向，箭头函数 this？

最新推荐文章于 2024-10-12 08:00:00 发布
最新推荐文章于 2024-10-12 08:00:00 发布
阅读量184 收藏
点赞数
分类专栏： JavaScript 面试题 文章标签： javascript 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42684926/article/details/119929209
版权
本文详细探讨了JavaScript中this的四种不同情况：普通函数中this指向全局对象；事件处理函数中this指向事件触发元素；构造函数中this指向新创建的对象；函数作为对象方法时，this指代调用该方法的对象。此外，还提到了箭头函数的特殊情况，它没有自己的this，而是继承自父作用域。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

普通函数内部，this指向window对象
事件函数内部，this指向事件源
构造函数内部，this指向实例化的对象
函数作为类的方法，this指的是调用此方法的对象。
箭头函数内部没有this，但箭头函数有穿透性，所以this在箭头函数的上下文中出现。

javascript中箭头函数经典面试题
weixin_44638167的博客
10-05 1257
箭头函数 箭头函数不绑定this关键字，箭头函数中的this，指向的是函数定义位置的上下文this。 面试题: <script> var obj={ name:18, sayhi:()=>{ console.log(this.age); } } obj.sayhi(); </script> 下面看一段代码; &
箭头函数面试题
qq_40687516的博客
02-10 831
<script type="text/javascript"> var age = 100; var obj = { age: 20, say: () => { alert(this.age) } } obj.say(); </script> 结果：100 对象不能产生作用域，this指向的是window ...
JS面试题之箭头函数，高阶函数，柯里化函数，纯函数（三）
小帅的编程笔记
09-12 340
我是傲夫靠斯，欢迎关注我的公众号【前端工程师的自我修养】，每天更新。 今天我们主要来看看在JavaScript中的函数，函数在JavaScript中很重要，也有很多种使用方式，今天我们主要来复习复习箭头函数、高阶函数、柯里化函数、纯函数，它们分别是什么？在JS中有什么作用？ 今日题目： 什么是lambda或箭头函数？和普通函数有什么区别？ 什么是JS中的一等公民？ 什么是高阶函数？ 什么是柯里化函数？ 什么是纯函数？ 1. 什么是lambda或箭头函数？和普通函数有什么区别？ 箭头函数是ES6的特性.
每日一道javascript面试题（七）你真的知道箭头函数吗
小嘟的博客
12-10 895
箭头函数和普通函数代码讲解
JS高级-箭头函数及this面试题
最新发布
jnfy的博客
10-12 1652
JS高级-箭头函数及this面试题
【JavaScript】this指向经典面试题（超详细）
m0_67391521的博客
07-28 1611
本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...
关于JavaScript中的this指向问题总结篇
12-09
综上所述，理解JavaScript中的this指向是至关重要的，因为它决定了函数如何访问和修改数据。在编写代码时，需根据具体情况选择合适的方式来处理this，以避免出现意外的错误。通过熟悉上述规则和场景，能更好地掌握...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
JavaScript 面试题（十一）箭头函数有什么作用（和普通函数的区别）？简要描述一下ES6中的箭头函数及其使用场景。
qq_42684926的博客
08-26 2005
箭头函数表达式的语法比函数表达式更简洁。并且没有自己的this。箭头函数更适用于那些本来需要匿名函数的地方，并且它不能用作构造函数。 箭头函数的作用： 1.箭头函数的语法比函数表达式更简洁。 2.箭头函数可以解决this指向问题。箭头函数不会创建自己的this，它只会从自己的作用域链向上一层继承this。 箭头函数的使用场景： 1.简单的函数表达式，内部没有this引用，没有递归，事件绑定，解绑定。 2.需要调用this，且this指向和上一层作用域链保持一致时。如保证指向vue实例对象。 ...
Js面试题之——箭头函数与普通函数的区别
wuxian_wj的博客
10-27 632
在项目开发中，包括面试的时候经常会遇到或问到箭头函数和普通函数有什么区别当我们猛然去想，好像一直以来只记得箭头函数中没有this，当我们在箭头函数中使用this会获取该函数上层的this值。那么除此之外，就没有其他区别了吗，当然不是。这里我们就来总结总结。 mdn中对箭头函数特点的描述是这样的：箭头函数表达式的语法比函数表达式更简洁，并且没有自己的this、arguments、super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方，并且不能作构造函数。 由此可以看出箭头函数和普通
箭头函数【JavaScript基础面试题】
wtswts1232的博客
05-06 252
本文详细介绍了 箭头函数 和 普通函数 的区别。通过具体的示例代码展现箭头函数的特殊之处。
JS基础（三）--箭头函数
qq_44665456的博客
04-13 161
箭头函数 // 函数声明 function fun() { return 100; } // 函数字面量 const fun = function(){ return 100; } const fun = () => 100 console.log(fun()); let obj = { name: "小明", age: 2, sayName() { // let self = this; // console.log(`我是${this.name}`) // conso
箭头函数中的this指向问题
zhang_s的博客
10-09 110
箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定的。 箭头函数中this指向的固定化，并不是因为箭头函数内部有绑定this的机制，实际原因是箭 头函数根本没有自己的this，导致内部的this就是外层代码块的this。正是因为没有this，所 以也就不能够用作构造函数。 箭头函数中的this是在定义函数的时候绑定的。 var x = 11; var obj = { x: 22, say...
从一道面试题看ES6箭头函数
WKY_优快云的博客
08-21 1611
前几天头条面试碰到了这样一道面试题，让我写出每行代码的运行结果：var f = x => x; f(1); //return 1 var f = x => {x}; f(1); //function(x)={x}; var f = x => ({x}) ;f(1);//return {1}(返回一个对象)ES6 允许使用“箭头”（=>）定义函数。var f = v => v;上面的箭头函数等同于：
JavaScript面试题系列（2）每篇10题
张羽的博客
07-13 535
是一个全局函数，用于将字符串转换为编码的字符串。设置请求参数：接下来，设置请求的类型（GET 或 POST）、URL、是否异步（true 表示异步，false 表示同步）以及其他必要的参数，如请求头和请求体。总之，DOM 和 BOM 是 Web 开发中两个重要的概念，它们提供了一组 API 和对象，允许开发人员通过编程方式来处理和操纵文档（页面）的内容和行为。DOM（文档对象模型）和 BOM（浏览器对象模型）是两个重要的 Web 技术概念，它们都是用于在 Web 浏览器中处理和操纵文档（页面）的重要接口。
ES6箭头函数及面试题
m0_55990909的博客
05-13 686
箭头函数 箭头函数是es6当中对函数的一种全新表示法。其将函数的简洁性发扬到了极致！先来看一个最简单的箭头函数： let fn = a => a var m = prompt() alert(fn(m)) 1. 箭头函数写法 一、如果只有一条语句，可以将{}和return省略掉 let fn = a => a+a //相当于 let fn = function(a){ return a+a; } 二、如果语句为多条，则不可以省略{}和return let fn = a =>
深入理解ES6箭头函数的this以及各类this面试题总结
祥哥的说
03-13 983
ES6中新增了箭头函数这种语法,箭头函数以其简洁性和方便获取this的特性,俘获了大批粉丝儿它也可能是面试中的宠儿, 我们关键要搞清楚 箭头函数和普通函数中的this一针见血式总结:普通函数中的this:1. this总是代表它的直接调用者(js的this是执行上下文), 例如 obj.func ,那么func中的this就是obj2.在默认情况(非严格模式下,未使用 'use strict'...
es6箭头函数的理解及面试题
张培跃的个人博客
05-09 3560
箭头函数的介绍 箭头函数是es6当中对函数的一种全新表示法。其将函数的简洁性发扬到了极致！先来看一个最简单的箭头函数： let fn=v=&gt;v;console.log(fn("好酷的箭头函数！"));//好酷的箭头函数！ 初次接触箭头函数的人可能会为其简洁性的语法而惊讶！和之前的写法进行一次比较： let fn=function(v){ return v;}console.log(fn...
JavaScript this 指向详解：函数、箭头函数与执行上下文
1. 如果箭头函数在obj上调用，且全局环境中`this`指向window，那么箭头函数的`this`将继承父执行上下文，即指向window，如`obj.fn => this.x = 11`。 2. 如果箭头函数在`function()`匿名函数内，且匿名函数的`this`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值