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

ES6中參數(shù)的默認值語法介紹

 更新時間:2017年05月03日 08:13:35   作者:蕭然自我  
這ES6允許為函數(shù)參數(shù)設(shè)置默認值,即直接寫在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認值語法的相關(guān)資料,對大家具有一定的參考價值,需要的朋友下面來一起看看吧。

前言

在ES6如果函數(shù)參數(shù)沒有值或未定義的,默認函數(shù)參數(shù)允許將初始值初始化為默認值。下面來看看詳細的介紹吧。

語法

function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]]) 
{
 statements
}

描述

在JavaScript中,函數(shù)默認參數(shù)定義。然而,在某些情況下,設(shè)置不同的默認值可能是有用的。這是默認參數(shù)可以幫助的地方。

在過去,設(shè)置默認值的一般策略是在函數(shù)體中測試參數(shù)值,如果它們是未定義的就分配一個值。如果在下面的例子中,在調(diào)用過程中b沒有提供值,它的值將是undefined 當(dāng)對 a*b 求值并且調(diào)用這個乘法的時候?qū)⒎祷豊aN。

function multiply(a, b) {
var b = (typeof b !== 'undefined') ? b : 1;

return a*b;
}

multiply(5); // 5

在ES6中設(shè)置默認參數(shù),對函數(shù)體的檢查是不必須的了?,F(xiàn)在,你可以簡單的在函數(shù)頭設(shè)置默認值:

function multiply(a, b = 1) {
 return a*b;
}

multiply(5); // 5

例子

通過未定義

在第二個函數(shù)調(diào)用中,即使第二個參數(shù)明確地被設(shè)置為undefined(雖然不是null),但是這個函數(shù)的顏色參數(shù)有一個默認值。

function setBackgroundColor(element, color = 'rosybrown') {
 element.style.backgroundColor = color;
}

setBackgroundColor(someDiv);   // color set to 'rosybrown'
setBackgroundColor(someDiv, undefined); // color set to 'rosybrown' too
setBackgroundColor(someDiv, 'blue'); // color set to 'blue'

調(diào)用時求值

默認參數(shù)在調(diào)用時計算的,所以不像在Python中,一個新的對象是每次調(diào)用函數(shù)創(chuàng)建。

function append(value, array = []) {
array.push(value);
return array;
}

append(1); //[1]
append(2); //[2], not [1, 2]

甚至適合于函數(shù)和變量

function callSomething(thing = something()) { return thing }

function something(){
 return "sth";
}

callSomething(); //sth

默認參數(shù)可以提供給以后的默認參數(shù)

已經(jīng)遇到的參數(shù)可以提供給以后的默認參數(shù):

function singularAutoPlural(singular, plural = singular+"s",
       rallyingCry = plural + " ATTACK!!!") {
 return [singular, plural, rallyingCry ];
}

//["Gecko","Geckos", "Geckos ATTACK!!!"]
singularAutoPlural("Gecko");

//["Fox","Foxes", "Foxes ATTACK!!!"]
singularAutoPlural("Fox","Foxes");

//["Deer", "Deer", "Deer ... change."]
singularAutoPlural("Deer", "Deer", "Deer peaceably and respectfully
 petition the government for positive change.")

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關(guān)文章

  • JavaScript淡入淡出漸變簡單實例

    JavaScript淡入淡出漸變簡單實例

    這篇文章主要介紹了JavaScript淡入淡出漸變實現(xiàn)方法,涉及javascript頁面元素樣式的漸變操作技巧,非常簡單實用,需要的朋友可以參考下
    2015-08-08
  • 詳解javascript實現(xiàn)自定義事件

    詳解javascript實現(xiàn)自定義事件

    這篇文章主要為大家介紹了javascript實現(xiàn)自定義事件的方法,自定義事件,顧名思義,就是自己定義事件類型,自己定義事件處理函數(shù),javascript如何實現(xiàn)自定義事件,需要了解的朋友可以參考下
    2016-01-01
  • Layui 解決表格異步調(diào)用后臺分頁的問題

    Layui 解決表格異步調(diào)用后臺分頁的問題

    今天小編就為大家分享一篇Layui 解決表格異步調(diào)用后臺分頁的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10
  • JS鼠標3次點擊事件實現(xiàn)代碼及擴展思路

    JS鼠標3次點擊事件實現(xiàn)代碼及擴展思路

    這篇文章主要介紹了JS鼠標3次點擊事件實現(xiàn)及擴展思路,需要的朋友可以參考下
    2017-09-09
  • 微信小程序?qū)崿F(xiàn)簡易table表格

    微信小程序?qū)崿F(xiàn)簡易table表格

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡易table表格,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-02-02
  • JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解

    JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解

    這篇文章主要為大家介紹了JavaScript箭頭函數(shù)與普通函數(shù)的區(qū)別示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-10-10
  • 淺談微信小程序之官方UI框架we-ui使用教程

    淺談微信小程序之官方UI框架we-ui使用教程

    這篇文章主要介紹了淺談微信小程序之官方UI框架we-ui使用教程,WeUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫,由微信官方設(shè)計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計,感興趣的小伙伴們可以參考一下
    2018-08-08
  • 淺析JS中回調(diào)函數(shù)及用法

    淺析JS中回調(diào)函數(shù)及用法

    這篇文章主要介紹了JS中回調(diào)函數(shù)及用法,通過實例代碼給大家詳細介紹了什么是回調(diào)函數(shù),非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧
    2018-07-07
  • js中split函數(shù)的使用方法說明

    js中split函數(shù)的使用方法說明

    本篇文章主要是對js中split函數(shù)的使用方法進行了說明介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • JavaScript輪播停留效果的實現(xiàn)思路

    JavaScript輪播停留效果的實現(xiàn)思路

    輪播停留與無線滾動十分類似,都是利用屬性及變量控制移動實現(xiàn)輪播。下面通過本文給大家分享JavaScript輪播停留效果的實現(xiàn)思路,感興趣的朋友一起看看吧
    2018-05-05

最新評論