JavaScript:函数与箭头函数的区别
创始人
2024-05-29 13:30:03
0

ref

1. 定义

  • 函数

    function getName() {}
    
  • 箭头函数

    const getName = () => {}
    

2. 命名

  • 函数分为匿名、具名。

    function getName() {}
    let getName = function () {}
    
  • 箭头函数只有匿名

    const getName = () => {}
    

3. 构造函数

箭头函数都是匿名函数,所以不能作为构造函数。

使用箭头函数没有自己的词法上下文,因此不会有作用域 this,也不能用于构造函数。

let gen = () => {}
new gen()

new gen() // VM82:4 Uncaught TypeError: gen is not a constructor at :4:10
^

TypeError: gen is not a constructor

4. arguments

5. 原型对象

  • 函数

    function getName() {}
    console.log(getName.prototype)
    

    {}

  • 箭头函数没有原型对象。

    const getName = () => {}
    console.log(getName.prototype)
    

    undefined

6. 简写方式

箭头函数返回一个对象时,可以使用 () 包裹,并省略 return

const getKV = () => {return {age: 12}
}

简化后

const getKV = () => ({age: 12})

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
【PdgCntEditor】解... 一、问题背景 大部分的图书对应的PDF,目录中的页码并非PDF中直接索引的页码...
修复 爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...