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屬性,會返回空字符串,而es6的name屬性會返回實(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屬性值會加上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)文章
js網(wǎng)頁中隨意拖動(dòng)的小方塊實(shí)現(xiàn)代碼
用CSS和JS制作的在網(wǎng)頁中可以隨意拖動(dòng)的小方塊。2008-08-08JS實(shí)現(xiàn)的圖片選擇順序切換和循環(huán)切換功能示例【測試可用】
這篇文章主要介紹了JS實(shí)現(xiàn)的圖片選擇順序切換和循環(huán)切換功能,結(jié)合完整實(shí)例形式分析了JavaScript基于事件響應(yīng)與樣式動(dòng)態(tài)操作實(shí)現(xiàn)圖片切換相關(guān)操作技巧,需要的朋友可以參考下2018-12-12