JS箭头函数与常规函数有哪些显著区别？

本文共计2543个文字，预计阅读时间需要11分钟。

原文示例讲述了JS箭头函数和常规函数之间的区别。以下是对该内容的简化

本文例举了JS箭头函数与常规函数的不同之处。在JavaScript中，你可以通过多种方式定义函数。最常见的方法是使用关键字function。例如：‘在JavaScript中，你可以通过使用关键字function来定义函数。’

本文实例讲述了JS箭头函数和常规函数之间的区别。分享给大家供大家参考，具体如下：

在 JavaScript 中，你可以通过多种方式去定义函数。

第一种常用的方法是使用关键字 function：

// 函数声明 function greet(who) { return `Hello, ${who}!`; } // 函数表达式 const greet = function(who) { return `Hello, ${who}`; }

代码中的函数声明和函数表达式被称为“常规函数”。

从 ES2015 开始，第二种可用的方法是 箭头函数 语法：

const greet = (who) => { return `Hello, ${who}!`; }

虽然两者的语法都能够定义函数，但是在开发时该怎么选择呢？这是个好问题。

在本文中，我将展示两者之间的主要区别，以供你能够根据需要选择正确的语法。

1. this 值

1.1常规函数

在常规 JavaScript 函数内部，this 值（即执行上下文）是动态的。

动态上下文意味着 this 的值取决于如何调用函数。