es6函数name属性功能与用法实例分析
本文实例讲述了es6函数name属性功能与用法。分享给大家供大家参考,具体如下:
函数的name属性,返回该函数的函数名。
functionfoo(){} foo.name//foo
这个属性早就被浏览器广泛支持,但是直到es6,才将其写入了标准。
需要注意的是,es6对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量,es5的name属性,会返回空字符串,而es6的name属性会返回实际的函数名。
varf=function(){} //es5 f.name//"" //es6 f.name//"f"
上面代码中,变量f等于一个匿名函数,es5和es6的name属性返回的值不一样。
如果将一个具名函数赋值给一个变量,则es5和es6的name属性都返回这个具名函数原本的名字。
constbar=functionbaz(){} //es5 bar.name='baz' //es6 bar.name='baz'
Function构造函数返回的函数实例,name属性的值为anonymous
(newFunction).name//'anonymous'
bind返回的函数,name属性值会加上bound前缀。
functionfoo(){} foo.bind({}).name//"boundfoo" (function(){}).bind({}).name//"bound"
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。