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 相关文章推荐
图片连续滚动代码[兼容IE/firefox]
Jun 11 Javascript
JQuery与iframe交互实现代码
Dec 24 Javascript
无闪烁更新网页内容JS实现
Dec 19 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 Javascript
javascript实现table表格隔行变色的方法
May 13 Javascript
简介AngularJS中使用factory和service的方法
Jun 17 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
JS实现上下左右对称的九九乘法表
Feb 22 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
Dec 03 Javascript
php中and 和 &&出坑指南
Jul 13 Javascript
爬虫利器Puppeteer实战
Jan 09 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 REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
fgetcvs在linux的问题
2012/01/15 PHP
thinkphp缓存技术详解
2014/12/09 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
PHP+jquery+CSS制作头像登录窗(仿QQ登陆)
2016/10/20 PHP
php面向对象程序设计中self与static的区别分析
2019/05/21 PHP
php 输出缓冲 Output Control用法实例详解
2020/03/03 PHP
简单实用jquery版三级联动select示例
2013/07/04 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
laypage分页控件使用实例详解
2016/05/19 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
js cavans实现静态滚动弹幕
2020/05/21 Javascript
Vue为什么要谨慎使用$attrs与$listeners
2020/08/27 Javascript
python将文本转换成图片输出的方法
2015/04/28 Python
python生成器generator用法实例分析
2015/06/04 Python
python中input()与raw_input()的区别分析
2016/02/27 Python
django文档学习之applications使用详解
2018/01/29 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
Python post请求实现代码实例
2020/02/28 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
升职自荐信范文
2013/10/05 职场文书
大学新生军训感言
2014/02/25 职场文书
交通事故委托书范本精选
2014/10/04 职场文书
2014年感恩节活动策划方案
2014/10/06 职场文书
单位法人授权委托书范本
2014/10/09 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android