ES2015 中可以不用 var 来命名箭头函数吗？-js教程-PHP中文网

ES2015 中可以不用 var 来命名箭头函数吗？

Susan Sarandon

发布： 2024-11-06 14:05:03

原创

827 人浏览过

Can You Name Arrow Functions in ES2015 Without `var`?

如何在 ES2015 中命名箭头函数

在 ES6 中，您可以使用箭头函数增强代码。但是，在处理命名函数时，您可能想知道是否有一种方法可以在不使用 var 语句的情况下为箭头函数分配名称。

考虑使用传统语法的以下命名函数：

function sayHello(name) {
    console.log(name + ' says hello');
}

登录后复制

在 ES6 中，我们可以将此函数转换为箭头语法，如下所示：

var sayHello = (name) => {
    console.log(name + ' says hello');
}

登录后复制

但是，如果我们想命名箭头函数而不用 var 显式声明它怎么办？

答案在于利用 JavaScript 的变量声明行为。只需将箭头函数分配给变量或属性而不使用 var，JavaScript 引擎就会自动为该函数分配名称。

sayHello = (name) => {
    console.log(name + ' says hello');
}

登录后复制

这种方法创建一个具有真实名称的函数，如下所示：

console.log(sayHello.name); // "sayHello"

登录后复制

请记住，这种技术不仅限于箭头函数；它也适用于传统的匿名函数表达式。

以上是ES2015 中可以不用 var 来命名箭头函数吗？的详细内容。更多信息请关注PHP中文网其他相关文章！