在 ES6 中，我们有箭头函数和声明函数两种方式来定义函数。然而，这两种方式都不能提供一个简单的方式来获取函数的名称。ES7 中引入了一个新特性——函数名称属性，可以解决这个问题。
什么是函数名称属性
函数名称属性是指一个函数对象的名称属性，它不同于函数体内部的名称。举个例子：
const myFunc = () => {
console.log('Hello World')
}
console.log(myFunc.name) // ""在这个例子中，我们定义了一个箭头函数，然后打印了它的名称属性。注意，箭头函数没有名称属性，所以打印结果为一个空字符串。接着，我们看一下声明函数的名称属性：
function myFunc() {
console.log('Hello World')
}
console.log(myFunc.name) // "myFunc"在这个例子中，我们定义了一个声明函数，并打印了它的名称属性。这个名称属性和函数体内部的名称一样，都是 "myFunc"。
如何使用函数名称属性
函数名称属性有很多用途，比如调试和日志记录。通过函数名称属性，我们可以更方便地查看函数调用堆栈和记录日志。
举个例子：
-- -------------------- ---- -------
-------- ------------ -- -
------------------------ ---- - ------
------ - - -
-
-------- ---------- -
------ ---------- -
----- ------ - -------------- ----------
----------------------- -------- -----------
------ ------
-
-
----- --------------- - -----------------
------------------ --
-- -------
-- ----------- - - -
-- --------- -------- -
-- -在这个例子中，我们定义了一个计算函数 calculate，并定义了一个 logger 函数。logger 函数返回一个新函数，这个新函数会在调用原函数时，记录调用日志并返回原函数的结果。最后，我们用 logger 包装了 calculate，获取了 loggedCalculate 这个新函数。当我们调用 loggedCalculate(2, 3) 时，它会调用原来的 calculate 函数，并记录计算日志和返回结果。
结论
函数名称属性是一个很方便的新特性，可以让我们在调试和日志记录时更方便地获取函数名称，从而更好地控制代码的执行流程。当我们在写 JavaScript 时，应该多加利用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675167a88bd460d3ad896a07