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程序设计有所帮助。

相关文章

  • LayUI+Shiro实现动态菜单并记住菜单收展的示例

    LayUI+Shiro实现动态菜单并记住菜单收展的示例

    这篇文章主要介绍了LayUI+Shiro实现动态菜单并记住菜单收展的示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-05-05
  • 微信小程序实现页面下拉刷新和上拉加载功能详解

    微信小程序实现页面下拉刷新和上拉加载功能详解

    这篇文章主要介绍了微信小程序实现页面下拉刷新和上拉加载功能,结合实例形式分析了微信小程序页面下拉刷新和上拉加载相关事件监听与功能实现操作技巧,需要的朋友可以参考下
    2018-12-12
  • JavaScript初学者应注意的七个细节小结

    JavaScript初学者应注意的七个细节小结

    每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的
    2012-01-01
  • JavaScript callback回调函数用法实例分析

    JavaScript callback回调函数用法实例分析

    这篇文章主要介绍了JavaScript callback回调函数用法,结合实例形式分析了callback回调函数的概念、功能、应用场景及相关使用技巧,需要的朋友可以参考下
    2018-05-05
  • js倒计时显示实例

    js倒计时显示实例

    本文分享了js倒计时显示的实例,需要的朋友可以参考借鉴,下面就跟小编一起来看看吧
    2016-12-12
  • js控制li的隐藏和显示实例代码

    js控制li的隐藏和显示实例代码

    下面小编就为大家带来一篇js控制li的隐藏和显示实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • js setTimeout 参数传递使用介绍

    js setTimeout 参数传递使用介绍

    setTimeout的参数传递问题想必大家有所纠结,window.settimeout()方法要调用带参数的函数有两种方法,下面为大家详细介绍下,感兴趣的朋友可以参考下
    2013-08-08
  • 微信小程序实现即时通信聊天功能的实例代码

    微信小程序实现即时通信聊天功能的实例代码

    这篇文章主要介绍了微信小程序实现即时通信聊天功能的实例代码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • js读取json的两种常用方法示例介绍

    js读取json的两种常用方法示例介绍

    js读取json的方法或许很多,但常用的就那两种,本文以示例代码的方式为大家介绍下其具体的实现
    2014-10-10
  • js使用highlight.js高亮你的代码

    js使用highlight.js高亮你的代码

    本篇文章主要介绍了js使用highlight.js高亮你的代码 ,非常具有实用价值,需要的朋友可以参考下
    2017-08-08

最新评论