ES6中函数的name属性有何作用及实例解析？

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

ES6 函数的 `name` 属性描述了函数的名称。这个属性在函数创建时自动设置，并可以在调试和日志记录时提供帮助。以下是一个简单的例子：

javascriptfunction foo() {}console.log(foo.name); // 输出: foo

`foo.name` 属性返回的是 `foo`，即函数 `foo` 的名称。这个特性在现代浏览器中已经得到广泛支持。

本文实例讲述了es6函数name属性功能与用法。分享给大家供大家参考，具体如下：

函数的name属性，返回该函数的函数名。

function foo () {} foo.name // foo

这个属性早就被浏览器广泛支持，但是直到es6，才将其写入了标准。

需要注意的是，es6对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量，es5的name属性，会返回空字符串，而es6的name属性会返回实际的函数名。

var f = function() {} // es5 f.name // "" // es6 f.name // "f"

上面代码中，变量f等于一个匿名函数，es5和es6的name属性返回的值不一样。

如果将一个具名函数赋值给一个变量，则es5和es6的name属性都返回这个具名函数原本的名字。