這篇文章主要為大家展示了ES6如何使用箭頭函數(shù)，內(nèi)容簡而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會有收獲的，下面讓小編帶大家一起來看看吧。

我們提供的服務(wù)有：成都網(wǎng)站制作、成都做網(wǎng)站、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、保定ssl等。為數(shù)千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的保定網(wǎng)站制作公司

1.默認(rèn)值

在ES6中給我們增加了默認(rèn)值的操作相關(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ù)中的嚴(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));

上邊的代碼如果運行的話，你會發(fā)現(xiàn)瀏覽器控制臺報錯，這個錯誤的原因就是如果你使用了默認(rèn)值，再使用嚴(yán)謹(jǐn)模式的話，就會有沖突，所以我們要取消默認(rè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)サ魢?yán)謹(jǐn)模式，并給第二個參數(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

這時控制臺打印出了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í)到知識或者技能，可以把它分享出去讓更多的人看到。