首页 >> js开发 >> jses6函数name属性功能与用法实例分析js大全
jses6函数name属性功能与用法实例分析js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例讲述了es6函数name属性功能与用法。分享给大家供大家参考,具体如下:函数的name属性,返回该函数的函数名。
function foo () {}
foo.name // foo
function foo () {}
foo.name // foo
这个属性早就被浏览器广泛支持,但是直到es6,才将其写入了标准。需要注意的是,es6对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量,es5的name属性,会返回空字符串,而es6的name属性会返回实际的函数名。
var f = function() {}
// es5
f.name // ""
// es6
f.name // "f"
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'
const bar = function baz() {}
// es5
bar.name = 'baz'
// es6
bar.name = 'baz'
Function构造函数返回的函数实例,name属性的值为anonymous
(new Function).name // 'anonymous'
(new Function).name // 'anonymous'
bind返回的函数,name属性值会加上bound前缀。
function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "
function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》javascript面向对象入门教程JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
function foo () {}
foo.name // foo
function foo () {}
foo.name // foo
这个属性早就被浏览器广泛支持,但是直到es6,才将其写入了标准。需要注意的是,es6对这个属性的行为做出了一些修改。如果将一个匿名函数赋值给一个变量,es5的name属性,会返回空字符串,而es6的name属性会返回实际的函数名。
var f = function() {}
// es5
f.name // ""
// es6
f.name // "f"
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'
const bar = function baz() {}
// es5
bar.name = 'baz'
// es6
bar.name = 'baz'
Function构造函数返回的函数实例,name属性的值为anonymous
(new Function).name // 'anonymous'
(new Function).name // 'anonymous'
bind返回的函数,name属性值会加上bound前缀。
function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "
function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools./code/HtmlJsRun测试上述代码运行效果。在线HTML/CSS/JavaScript代码运行工具在线HTML/CSS/JavaScript代码运行工具http://tools./code/HtmlJsRun关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》javascript面向对象入门教程JavaScript错误与调试技巧总结JavaScript数据结构与算法技巧总结JavaScript遍历算法与技巧总结JavaScript数学运算用法总结希望本文所述对大家JavaScript程序设计有所帮助。
相关文章:
- js微信小程序动态评分展示/五角星展示/半颗星展示/自定义长度展示功能的实现js大全
- js浅谈JS for循环中使用break和continue的区别js大全
- js解决echarts中横坐标值显示不全(自动隐藏)问题js大全
- js详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)js大全
- js解决Vue中的生命周期beforeDestory不触发的问题js大全
- jsvue中解决拖拽改变存在iframe的div大小时卡顿问题js大全
- jsvue中destroyed方法的使用说明js大全
- js在vue中created、mounted等方法使用小结js大全
- jseslint+prettier统一代码风格的实现方法js大全
- js解决Vue router-link绑定事件不生效的问题js大全