【JS】1508- 箭头函数原来是这样的,99.9% 的人都不知道这点

前端自习课

共 761字,需浏览 2分钟

 ·

2022-11-24 19:19

来自:掘金,作者:Jokerrr
链接:https://juejin.cn/post/7050492355056664612

因为箭头函数没有[[Construct]]这个内部槽。

进一步解释

函数对象是一个支持[[Call]][[Construct]]内部方法的对象。每个支持[[Construct]]的对象必须支持[[Call]],也就是说,每个构造函数必须是一个函数对象。因此,构造函数也可以被称为 构造函数函数构造函数对象
所以,想要对某个对象使用
new,就得确保该对象具有[[Construct]]这个内部方法。而箭头函数没有[[Construct]]

为什么没有[[Construct]]

因为箭头函数设计之初,就是为了设计一种更简短的函数并且不绑定 this。所以箭头函数不为参数 superthisnew.target 定义本地绑定。箭头函数中的 thissuperargumentsnew.target 这些值由外围最近一层非箭头函数决定。

而这样的一个函数设计者认为没有必要委托给能够[[Construct]]的目标函数。所以箭头函数没有 [[Construct]]

同时因为没有构造原型的需求,所以箭头函数不存在 prototype 属性。

相关论据

image.png
image.png
image.png
image.png


往期回顾

#

如何使用 TypeScript 开发 React 函数式组件?

#

11 个需要避免的 React 错误用法

#

6 个 Vue3 开发必备的 VSCode 插件

#

3 款非常实用的 Node.js 版本管理工具

#

6 个你必须明白 Vue3 的 ref 和 reactive 问题

#

6 个意想不到的 JavaScript 问题

#

试着换个角度理解低代码平台设计的本质

浏览 40
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报