Javascript中的普通函数和箭头函数之间的区别

本文深入探讨了JavaScript中的this概念,包括其在严格模式和非严格模式下的行为差异,箭头函数的特性和限制,以及在构造函数、事件处理和bind方法中的应用。特别指出,箭头函数不创建自己的this,而是继承自外层作用域,并且bind无法改变箭头函数的this指向。此外,还提到了this在派生类和类方法中的行为。对于面试而言,理解这些细节至关重要。

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

在理解这个问题之前,建议大家先看看理解下关于js中的this的问题,具体看还是参考MDN中的this
1、this分为严格模式和非严格模式中,并且大多数情况下函数调用方式决定了this的值,this不能在执行期间被赋值,并且每次函数被调用时this的值也可能回不同
2、箭头函数不能提供自身的this绑定
3、在非严格模式下,在全局环境里this都指向全局对象,在浏览器里也就是指向window
4、在函数内部,且非严格模式下,this的值不是由调用设置,this的默认值指向全局对象还是window
在非严格模式下会指向unfefined
5、在类的构造函数里,this是一个常规对象,类中所有非静态的方法都会被添加到this的原型中
6、在派生类中的this的指向 ,this = new Base()
7、bind中this会被绑定到bind的第一个参数
8、当一个函数被当作事件处理函数时,它的this指向出发事件的元素

面试中遇到这个问题的时候,尽量回答的多一些,丰满一些,掘金中的这篇文章总结的很好,大家可以看一看掘金的文章

//简单总结如下
1、箭头函数的语法更加简洁、清晰
2、箭头函数不会创建自己的this,它只会存它的作
用域链的上一层继承
3、箭头函数继承而来的this指向永远不会改变
4、call/apply/bind永远不会改变箭头函数中this的指向
5、箭头函数不能作为构造函数使用
6、构造函数没有自己的arguments对象
7、箭头函数没有原型prototype
8、箭头函数不能做Generator函数,不能使用yield关键字

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值