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程序设计有所帮助。
相关文章
这篇文章主要介绍了手把手教你 CKEDITOR 4 扩展插件制作,结合具体实例形式详细分析了CKEditor4插件制作的步骤与相关操作注意事项,需要的朋友可以参考下2019-06-06
ES6下如何实现子组件调用父组件？下面小编就为大家分享一篇ES6下子组件调用父组件的方法。希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
微信小程序中的画布是非常重要的展示控件,其相当于HTML中的canvas控件,下面这篇文章主要给大家介绍了关于微信小程序实现Canvas画板的相关资料,需要的朋友可以参考下2024-08-08
用CSS和JS制作的在网页中可以随意拖动的小方块。2008-08-08
ajax 同步请求和异步请求的差异分析，需要的朋友可以参考下。2011-07-07
本文主要介绍了electron-builder打包配置详解，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
本文将涉及到scroll方法的应用，判断当滚动条滚到底部时触发scrollTop执行函数,具体代码如下，感兴趣的朋友可以了解下哈2013-06-06
这篇文章主要介绍了JS实现的图片选择顺序切换和循环切换功能,结合完整实例形式分析了JavaScript基于事件响应与样式动态操作实现图片切换相关操作技巧,需要的朋友可以参考下2018-12-12
java和JavaScript是两个不同的语言。那么这两个语言有什么不同呢？下面小编通过本文给大家介绍下2016-09-09
其实为js文件传参是很久就接触过的一个问题，只是一直没有放在心上，今天在无忧看到又有人问这个问题，今日总结一下。2010-05-05
最新评论