欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間:2020年05月23日 11:07:51   作者:WFaceBoss  
這篇文章主要介紹了ES6箭頭函數(shù)和擴展,結(jié)合實例形式分析了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è)計有所幫助。

相關(guān)文章

  • JavaScript Blob對象原理及用法詳解

    JavaScript Blob對象原理及用法詳解

    這篇文章主要介紹了JavaScript Blob對象原理及用法詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-10-10
  • ie下$.getJSON出現(xiàn)問題的解決方法

    ie下$.getJSON出現(xiàn)問題的解決方法

    ie下$.getJSON出現(xiàn)問題是常有的事,下面為大家介紹下具體該如何解決,需要的朋友可以參考下
    2014-02-02
  • JavaScript插件化開發(fā)教程(五)

    JavaScript插件化開發(fā)教程(五)

    這篇文章是JavaScript插件化開發(fā)系列教程的第五篇,還是著重于實戰(zhàn),通過具體的實例來學習jQuery的方式如何開發(fā)插件,有相同需求的小伙伴來參考下吧。
    2015-02-02
  • js遍歷json的key和value的實例

    js遍歷json的key和value的實例

    下面小編就為大家?guī)硪黄猨s遍歷json的key和value的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-01-01
  • javascript實現(xiàn)校驗文件上傳控件實例

    javascript實現(xiàn)校驗文件上傳控件實例

    這篇文章主要介紹了javascript實現(xiàn)校驗文件上傳控件,實例分析了javascript檢測上傳文件類型是否為圖片的功能,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • js中的reduce()函數(shù)講解

    js中的reduce()函數(shù)講解

    今天小編就為大家分享一篇關(guān)于js中的reduce()函數(shù)講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-01-01
  • 添加JavaScript重載函數(shù)的輔助方法2

    添加JavaScript重載函數(shù)的輔助方法2

    話說,人就是要被關(guān)注才有動力啊于是修改了下上次寫的《添加JavaScript重載函數(shù)的輔助方法》在添加方法的時候增加了一個參數(shù) 用于限制參數(shù)的類型。
    2010-07-07
  • 關(guān)于JS中的undefined與null詳解

    關(guān)于JS中的undefined與null詳解

    在JavaScript中,undefined和null是兩個特殊的值,用于表示缺失或空值,文章通過代碼示例詳細介紹undefined與null作用及使用方法,感興趣的同學可以借鑒一下
    2023-05-05
  • 深入理解JavaScript柯里化的概念和原理

    深入理解JavaScript柯里化的概念和原理

    在JS編程中, 函數(shù)是一等公民, 具備了強大的靈活性和復用性,而柯里化作為一種高階技術(shù), 可以進一步提升函數(shù)的復用性和靈活性,在本篇博客中, 我們將深入探討 JS 中柯里化的概念和原理, 并了解其在實際開發(fā)中的應用場景,需要的朋友可以參考下
    2023-06-06
  • js獲取隱藏元素寬高的實現(xiàn)方法

    js獲取隱藏元素寬高的實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨s獲取隱藏元素寬高的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05

最新評論