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


Posted in Javascript onApril 18, 2020

本文实例讲述了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.3water.com/code/HtmlJsRun测试上述代码运行效果。

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

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

Javascript 相关文章推荐
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
javascript天然的迭代器
Oct 29 Javascript
表单JS弹出填写提示效果代码
Apr 16 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
May 07 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
微信小程序 弹幕功能简单实例
Feb 14 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
基于AngularJS实现表单验证功能
Jul 28 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
Aug 13 Javascript
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
es6数组includes()用法实例分析
Apr 18 #Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 #Javascript
es6函数中的作用域实例分析
Apr 18 #Javascript
es6函数之rest参数用法实例分析
Apr 18 #Javascript
vue实现短信验证码输入框
Apr 17 #Javascript
JS监听组合按键思路及实现过程
Apr 17 #Javascript
javascript canvas检测小球碰撞
Apr 17 #Javascript
You might like
复杂检索数据并分页显示的处理方法
2006/10/09 PHP
PHP抽象类 介绍
2012/06/13 PHP
CodeIgniter启用缓存和清除缓存的方法
2014/06/12 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
从JavaScript的函数重名看其初始化方式
2007/03/08 Javascript
javascript脚本调试方法小结
2008/11/24 Javascript
jQuery+css实现图片滚动效果(附源码)
2013/03/18 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
Extjs 4.x 得到form CheckBox 复选框的值
2014/05/04 Javascript
让alert不出现弹窗的两种方法
2014/05/18 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
js实现动态改变radio状态的方法
2018/02/28 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
python 实现多维数组转向量
2019/11/30 Python
K最近邻算法(KNN)---sklearn+python实现方式
2020/02/24 Python
全网首秀之Pycharm十大实用技巧(推荐)
2020/04/27 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
python单元测试框架pytest的使用示例
2020/10/07 Python
HTML5中的新元素介绍
2008/10/17 HTML / CSS
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
2014迎国庆演讲稿
2014/09/19 职场文书
十八大宣传标语
2014/10/09 职场文书
2016新春团拜会致辞
2015/08/01 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书
python - timeit 时间模块
2021/04/06 Python