快捷導(dǎo)航

ES6箭頭函數(shù)和擴(kuò)展實(shí)例分析

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

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

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

1.默認(rèn)值

在ES6中給我們?cè)黾恿四J(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.主動(dòng)拋出錯(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));

在控制臺(tái)可看到異常為：

3.函數(shù)中的嚴(yán)謹(jǐn)模式

我們?cè)贓S5中就經(jīng)常使用嚴(yán)謹(jǐn)模式來(lái)進(jìn)行編程，但是必須寫(xiě)在代碼最上邊，相當(dāng)于全局使用。在ES6中我們可以寫(xiě)在函數(shù)體中，相當(dāng)于針對(duì)函數(shù)來(lái)使用。例如：

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)行的話，你會(huì)發(fā)現(xiàn)瀏覽器控制臺(tái)報(bào)錯(cuò)，這個(gè)錯(cuò)誤的原因就是如果你使用了默認(rèn)值，再使用嚴(yán)謹(jǐn)模式的話，就會(huì)有沖突，所以我們要取消默認(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í)控制臺(tái)打印出了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í)控制臺(tái)打印出了1。

總結(jié)：它得到的是必須傳入的參數(shù)。

5.箭頭函數(shù)

在箭頭函數(shù)中，方法體內(nèi)如果是兩句話，那就需要在方法體外邊加上{}括號(hào)

var add =(a,b=1) => {
  console.log('hello world')
  return a+b;
};
console.log(add(1));//2

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《javascript面向?qū)ο笕腴T(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

ES6箭頭函數(shù)和擴(kuò)展實(shí)例分析

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具