es6函数name属性功能与用法实例分析

网络编程 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

本文实例讲述了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属性都返回这个具名函数原本的名字。

const bar = function baz() {}
// es5
bar.name = 'baz'

// es6
bar.name = 'baz'

Function构造函数返回的函数实例，name属性的值为anonymous

(new Function).name // 'anonymous'

bind返回的函数，name属性值会加上bound前缀。

function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

es6,函数,name属性

标签：

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“es6函数name属性功能与用法实例分析”

暂无es6函数name属性功能与用法实例分析的评论...

2024年12月23日