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实现多级下拉框无刷新的联动
Dec 22 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
jQuery鼠标事件汇总
Aug 30 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
全面解析JavaScript的Backbone.js框架中的Router路由
May 05 Javascript
浅谈js基本数据类型和typeof
Aug 09 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
vue中mint-ui环境搭建详细介绍
Apr 06 Javascript
谈谈VUE种methods watch和compute的区别和联系
Aug 01 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
Aug 06 Javascript
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
php通过array_merge()函数合并两个数组的方法
2015/03/18 PHP
PHP利用Socket获取网站的SSL证书与公钥
2017/06/18 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
js 页面关闭前的出现提示的实现代码
2011/05/25 Javascript
zTree插件之单选下拉菜单实例代码
2013/11/07 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
JS实现表单中checkbox对勾选中增加边框显示效果
2015/08/21 Javascript
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
2015/11/18 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
js判断某个字符出现的次数的简单实例
2016/06/03 Javascript
JavaScript实现简单的日历效果
2016/09/25 Javascript
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
2017/07/24 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
vue2.0+koa2+mongodb实现注册登录
2018/04/10 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
使用 node.js 模仿 Apache 小部分功能
2019/07/07 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
Python每天必学之bytes字节
2016/01/28 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
Python中的heapq模块源码详析
2019/01/08 Python
python多线程实现TCP服务端
2019/09/03 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
中国跨境海淘网站:考拉海购
2016/08/01 全球购物
工作自荐信
2013/12/11 职场文书
秋天的雨教学反思
2014/04/27 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
应急处置方案
2014/06/16 职场文书
开会迟到检讨书范文
2015/05/06 职场文书
小学教师教学反思
2016/02/24 职场文书