腳本之家服務器常用軟件

快捷導航

ES6箭頭函數和擴展實例分析

更新時間：2020年05月23日 11:07:51 作者：WFaceBoss

這篇文章主要介紹了ES6箭頭函數和擴展,結合實例形式分析了ES6箭頭函數和擴展基本功能、用法及操作注意事項,需要的朋友可以參考下

本文實例講述了ES6箭頭函數和擴展。分享給大家供大家參考，具體如下：

1.默認值

在ES6中給我們增加了默認值的操作相關代碼如下：

function add(a,b=1){
  return a+b;
}
console.log(add(1));

可以看到現在只需要傳遞一個參數也是可以正常運行的。

輸出結果為：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.函數中的嚴謹模式

我們在ES5中就經常使用嚴謹模式來進行編程，但是必須寫在代碼最上邊，相當于全局使用。在ES6中我們可以寫在函數體中，相當于針對函數來使用。例如：

function add(a,b=1){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1));

上邊的代碼如果運行的話，你會發(fā)現瀏覽器控制臺報錯，這個錯誤的原因就是如果你使用了默認值，再使用嚴謹模式的話，就會有沖突，所以我們要取消默認值的操作，這時候你在運行就正常了。

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add(1,2));

結果為3。

4.獲得需要傳遞的參數個數

ES6為我們提供了得到參數的方法(xxx.length).我們用上邊的代碼看一下需要傳遞的參數個數。

function add(a,b){
  'use strict'
  if(a == 0){
    throw new Error('This is error');
  }
   return a+b;
}
console.log(add.length);//2

這時控制臺打印出了2，但是如果我們去掉嚴謹模式，并給第二個參數加上默認值的話，如下：

function add(a,b=1){

  if(a == 0){
    throw new Error('This is error');
  }
  return a+b;
}
console.log(add.length);//1

這時控制臺打印出了1。

總結：它得到的是必須傳入的參數。

5.箭頭函數

在箭頭函數中，方法體內如果是兩句話，那就需要在方法體外邊加上{}括號

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測試上述代碼運行效果。

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线