es6函數(shù)name屬性功能與用法實(shí)例分析
本文實(shí)例講述了es6函數(shù)name屬性功能與用法。分享給大家供大家參考，具體如下：
函數(shù)的name屬性，返回該函數(shù)的函數(shù)名。
function foo () {}
foo.name // foo
這個(gè)屬性早就被瀏覽器廣泛支持，但是直到es6，才將其寫入了標(biāo)準(zhǔn)。
需要注意的是，es6對這個(gè)屬性的行為做出了一些修改。如果將一個(gè)匿名函數(shù)賦值給一個(gè)變量，es5的name屬性，會(huì)返回空字符串，而es6的name屬性會(huì)返回實(shí)際的函數(shù)名。
var f = function() {}
// es5
f.name // ""
// es6
f.name // "f"
上面代碼中，變量f等于一個(gè)匿名函數(shù)，es5和es6的name屬性返回的值不一樣。
如果將一個(gè)具名函數(shù)賦值給一個(gè)變量，則es5和es6的name屬性都返回這個(gè)具名函數(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屬性值會(huì)加上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錯(cuò)誤與調(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)文章
bootstrap-treeview.js1是一款強(qiáng)大的樹菜單插件,本文給大家介紹bootstrap treeview的簡單使用，涉及到使用要求及數(shù)據(jù)格式的介紹，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感興趣的朋友參考下2016-10-10
這篇文章主要介紹了js變形金剛文字特效，實(shí)現(xiàn)效果超酷，很立體，感興趣的小伙伴們可以參考一下2015-08-08
javascript每日必學(xué)之繼承,介紹了有關(guān)繼承的相關(guān)內(nèi)容，感興趣的小伙伴們可以參考一下2016-02-02
zTree獲取當(dāng)前節(jié)點(diǎn)的下一級子節(jié)點(diǎn)數(shù)實(shí)例
下面小編就為大家?guī)硪黄獄Tree獲取當(dāng)前節(jié)點(diǎn)的下一級子節(jié)點(diǎn)數(shù)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
window.open想必大家對它并不陌生吧，那么如何讓它全屏就有些朋友不知道了，下面為大家介紹下其常用的命令及如何全屏2013-12-12
這篇文章主要介紹了ES6中class關(guān)鍵字,class是es6引入的最重要特性之一。本文通過實(shí)例代碼給大家詳解，需要的朋友可以參考下2017-11-11
JavaScript數(shù)組方法的錯(cuò)誤使用例子
在本篇文章中我們給大家分享了幾種使用JavaScript數(shù)組容易出錯(cuò)的例子，需要的朋友們可以參考下。2018-09-09
javascript 異步頁面查詢實(shí)現(xiàn)代碼(asp.net)
異步頁面查詢，其實(shí)與自動(dòng)完成時(shí)一樣的原理，根據(jù)用戶輸入的關(guān)鍵詞自動(dòng)的與數(shù)據(jù)庫中的匹配，并顯示出來，提高用戶體驗(yàn)，但主要搜索量大的話，增加服務(wù)器開銷。2010-05-05
這篇文章主要介紹了詳解JavaScript之Array.reduce源碼解讀，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能
這篇文章主要為大家詳細(xì)介紹了bootstrap布局中input輸入框右側(cè)圖標(biāo)點(diǎn)擊功能實(shí)現(xiàn)的相關(guān)代碼，感興趣的小伙伴們可以參考一下2016-05-05