es6函數(shù)name屬性功能與用法實(shí)例分析
本文實(shí)例講述了es6函數(shù)name屬性功能與用法。分享給大家供大家參考,具體如下:
函數(shù)的name屬性,返回該函數(shù)的函數(shù)名。
function foo () {}
foo.name // foo
這個屬性早就被瀏覽器廣泛支持,但是直到es6,才將其寫入了標(biāo)準(zhǔn)。
需要注意的是,es6對這個屬性的行為做出了一些修改。如果將一個匿名函數(shù)賦值給一個變量,es5的name屬性,會返回空字符串,而es6的name屬性會返回實(shí)際的函數(shù)名。
var f = function() {}
// es5
f.name // ""
// es6
f.name // "f"
上面代碼中,變量f等于一個匿名函數(shù),es5和es6的name屬性返回的值不一樣。
如果將一個具名函數(shù)賦值給一個變量,則es5和es6的name屬性都返回這個具名函數(shù)原本的名字。
const bar = function baz() {}
// es5
bar.name = 'baz'
// es6
bar.name = 'baz'
Function構(gòu)造函數(shù)返回的函數(shù)實(shí)例,name屬性的值為anonymous
(new Function).name // 'anonymous'
bind返回的函數(shù),name屬性值會加上bound前綴。
function foo() {}
foo.bind({}).name // "bound foo"
(function(){}).bind({}).name // "bound "
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- ES6中箭頭函數(shù)的定義與調(diào)用方式詳解
- javascript ES6中箭頭函數(shù)注意細(xì)節(jié)小結(jié)
- ES6中的箭頭函數(shù)實(shí)例詳解
- 關(guān)于ES6箭頭函數(shù)中的this問題
- 詳解Javascript ES6中的箭頭函數(shù)(Arrow Functions)
- 深入淺出ES6新特性之函數(shù)默認(rèn)參數(shù)和箭頭函數(shù)
- JavaScript ES6箭頭函數(shù)使用指南
- es6函數(shù)之尾調(diào)用優(yōu)化實(shí)例分析
- es6函數(shù)之尾遞歸用法實(shí)例分析
- es6函數(shù)中的作用域?qū)嵗治?/a>
- es6函數(shù)之箭頭函數(shù)用法實(shí)例詳解
相關(guān)文章
zTree獲取當(dāng)前節(jié)點(diǎn)的下一級子節(jié)點(diǎn)數(shù)實(shí)例
下面小編就為大家?guī)硪黄獄Tree獲取當(dāng)前節(jié)點(diǎn)的下一級子節(jié)點(diǎn)數(shù)實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
javascript 異步頁面查詢實(shí)現(xiàn)代碼(asp.net)
異步頁面查詢,其實(shí)與自動完成時一樣的原理,根據(jù)用戶輸入的關(guān)鍵詞自動的與數(shù)據(jù)庫中的匹配,并顯示出來,提高用戶體驗(yàn),但主要搜索量大的話,增加服務(wù)器開銷。2010-05-05
bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能
這篇文章主要為大家詳細(xì)介紹了bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能實(shí)現(xiàn)的相關(guān)代碼,感興趣的小伙伴們可以參考一下2016-05-05

