栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/70649.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号