ES6箭頭函數(shù)和擴展實例分析
本文實例講述了ES6箭頭函數(shù)和擴展。分享給大家供大家參考,具體如下:
1.默認值
在ES6中給我們增加了默認值的操作相關(guān)代碼如下:
function add(a,b=1){ return a+b; } console.log(add(1));
可以看到現(xiàn)在只需要傳遞一個參數(shù)也是可以正常運行的。
輸出結(jié)果為:2。
2.主動拋出錯誤
ES6中我們直接用throw new Error( xxxx ),就可以拋出錯誤。
function add(a,b=1){ if(a == 0){ throw new Error('This is error') } return a+b; } console.log(add(0));
在控制臺可看到異常為:
3.函數(shù)中的嚴謹模式
我們在ES5中就經(jīng)常使用嚴謹模式來進行編程,但是必須寫在代碼最上邊,相當于全局使用。在ES6中我們可以寫在函數(shù)體中,相當于針對函數(shù)來使用。例如:
function add(a,b=1){ 'use strict' if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add(1));
上邊的代碼如果運行的話,你會發(fā)現(xiàn)瀏覽器控制臺報錯,這個錯誤的原因就是如果你使用了默認值,再使用嚴謹模式的話,就會有沖突,所以我們要取消默認值的操作,這時候你在運行就正常了。
function add(a,b){ 'use strict' if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add(1,2));
結(jié)果為3。
4.獲得需要傳遞的參數(shù)個數(shù)
ES6為我們提供了得到參數(shù)的方法(xxx.length).我們用上邊的代碼看一下需要傳遞的參數(shù)個數(shù)。
function add(a,b){ 'use strict' if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add.length);//2
這時控制臺打印出了2,但是如果我們?nèi)サ魢乐斈J剑⒔o第二個參數(shù)加上默認值的話,如下:
function add(a,b=1){ if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add.length);//1
這時控制臺打印出了1。
總結(jié):它得到的是必須傳入的參數(shù)。
5.箭頭函數(shù)
在箭頭函數(shù)中,方法體內(nèi)如果是兩句話,那就需要在方法體外邊加上{}括號
var add =(a,b=1) => { console.log('hello world') return a+b; }; console.log(add(1));//2
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
更多關(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ù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- ES6中箭頭函數(shù)的定義與調(diào)用方式詳解
- javascript ES6中箭頭函數(shù)注意細節(jié)小結(jié)
- ES6中的箭頭函數(shù)實例詳解
- 關(guān)于ES6箭頭函數(shù)中的this問題
- 詳解Javascript ES6中的箭頭函數(shù)(Arrow Functions)
- 深入淺出ES6新特性之函數(shù)默認參數(shù)和箭頭函數(shù)
- JavaScript ES6箭頭函數(shù)使用指南
- ES6標準 Arrow Function(箭頭函數(shù)=>)
- es6函數(shù)之箭頭函數(shù)用法實例詳解
- ES6新特性之函數(shù)的擴展實例詳解
- ES6擴展運算符和rest運算符用法實例分析
- es6數(shù)組之擴展運算符操作實例分析