深入解析JS中箭头函数与普通function的区别

目录

前言

箭头函数的定义

差异一：基础语法形式

1.常规函数 function

2.箭头函数 =>

差异二：this的指向特性??

1.常规函数 function

2.箭头函数 =>

差异三：箭头函数无法作为构造函数使用

1.常规函数 function

2.箭头函数 =>

差异四：箭头函数缺乏 prototype 属性

1.常规函数 function

2.箭头函数 =>

差异五：箭头函数未绑定 arguments 对象

1.常规函数 function

2.箭头函数 =>

差异六：在对象方法中应用箭头函数

差异七：在 apply、call、bind 方法中使用箭头函数，无法更改 this 的指向性

总结

---

前言

ES6 标准中引入了箭头函数的定义，这一特性在当前广泛使用的前端开发框架，例如 Vue 中也得到了频繁应用。本文将对箭头函数（arrow function）进行深入探讨。文章内容主要围绕箭头函数的基本概念展开，着重分析其与常规函数（function）之间的差异，涵盖语法结构、this 关键字的指向规则以及适用情境等多个方面。

箭头函数概念解析

ES6引入了一种以符号 => 作为标识的函数定义方式，因其外形酷似箭头，故被称作箭头函数。箭头函数表达式 的语法结构相较于[函数表达式](ht