您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了ES6如何使用箭頭函數(shù),內(nèi)容簡而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
1.默認(rèn)值
在ES6中給我們增加了默認(rèn)值的操作相關(guān)代碼如下:
function add(a,b=1){ return a+b; } console.log(add(1));
可以看到現(xiàn)在只需要傳遞一個(gè)參數(shù)也是可以正常運(yùn)行的。
輸出結(jié)果為:2。
2.主動拋出錯(cuò)誤
ES6中我們直接用throw new Error( xxxx ),就可以拋出錯(cuò)誤。
function add(a,b=1){ if(a == 0){ throw new Error('This is error') } return a+b; } console.log(add(0));
在控制臺可看到異常為:
3.函數(shù)中的嚴(yán)謹(jǐn)模式
我們在ES5中就經(jīng)常使用嚴(yán)謹(jǐn)模式來進(jìn)行編程,但是必須寫在代碼最上邊,相當(dāng)于全局使用。在ES6中我們可以寫在函數(shù)體中,相當(dāng)于針對函數(shù)來使用。例如:
function add(a,b=1){ 'use strict' if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add(1));
上邊的代碼如果運(yùn)行的話,你會發(fā)現(xiàn)瀏覽器控制臺報(bào)錯(cuò),這個(gè)錯(cuò)誤的原因就是如果你使用了默認(rèn)值,再使用嚴(yán)謹(jǐn)模式的話,就會有沖突,所以我們要取消默認(rèn)值的操作,這時(shí)候你在運(yù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ù)個(gè)數(shù)
ES6為我們提供了得到參數(shù)的方法(xxx.length).我們用上邊的代碼看一下需要傳遞的參數(shù)個(gè)數(shù)。
function add(a,b){ 'use strict' if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add.length);//2
這時(shí)控制臺打印出了2,但是如果我們?nèi)サ魢?yán)謹(jǐn)模式,并給第二個(gè)參數(shù)加上默認(rèn)值的話,如下:
function add(a,b=1){ if(a == 0){ throw new Error('This is error'); } return a+b; } console.log(add.length);//1
這時(shí)控制臺打印出了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
以上就是關(guān)于ES6如何使用箭頭函數(shù)的內(nèi)容,如果你們有學(xué)習(xí)到知識或者技能,可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。