es6函数name属性功能与用法实例分析
更新时间：2020年04月18日 11:49:06 作者：wangliang_001
这篇文章主要介绍了es6函数name属性,结合实例形式分析了es6函数name属性基本原理、功能、用法及操作注意事项,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
bootstrap-treeview.js1是一款强大的树菜单插件,本文给大家介绍bootstrap treeview的简单使用，涉及到使用要求及数据格式的介绍，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友参考下2016-10-10
这篇文章主要介绍了js变形金刚文字特效，实现效果超酷，很立体，感兴趣的小伙伴们可以参考一下2015-08-08
javascript每日必学之继承,介绍了有关继承的相关内容，感兴趣的小伙伴们可以参考一下2016-02-02
下面小编就为大家带来一篇zTree获取当前节点的下一级子节点数实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
window.open想必大家对它并不陌生吧，那么如何让它全屏就有些朋友不知道了，下面为大家介绍下其常用的命令及如何全屏2013-12-12
这篇文章主要介绍了ES6中class关键字,class是es6引入的最重要特性之一。本文通过实例代码给大家详解，需要的朋友可以参考下2017-11-11
在本篇文章中我们给大家分享了几种使用JavaScript数组容易出错的例子，需要的朋友们可以参考下。2018-09-09
javascript 异步页面查询实现代码(asp.net)
异步页面查询，其实与自动完成时一样的原理，根据用户输入的关键词自动的与数据库中的匹配，并显示出来，提高用户体验，但主要搜索量大的话，增加服务器开销。2010-05-05
这篇文章主要介绍了详解JavaScript之Array.reduce源码解读，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-11-11
这篇文章主要为大家详细介绍了bootstrap布局中input输入框右侧图标点击功能实现的相关代码，感兴趣的小伙伴们可以参考一下2016-05-05
最新评论