這篇文章主要介紹了JavaScript函數(shù)如何設(shè)置參數(shù)默認(rèn)值，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

網(wǎng)站的建設(shè)成都創(chuàng)新互聯(lián)專注網(wǎng)站定制,經(jīng)驗(yàn)豐富,不做模板,主營(yíng)網(wǎng)站定制開發(fā).小程序定制開發(fā),H5頁面制作!給你煥然一新的設(shè)計(jì)體驗(yàn)!已為混凝土攪拌罐等企業(yè)提供專業(yè)服務(wù)。

ES6中給出了函數(shù)的默認(rèn)值設(shè)置，下面簡(jiǎn)單介紹幾種設(shè)置默認(rèn)參數(shù)的方法

一.基本用法

function first(x = 1, y = 2) {
console.log("x："+x ,"y："+ y);
}
first();
first(100);

二.與解構(gòu)賦值默認(rèn)值結(jié)合

function second({x, y = 2}) {
console.log("x："+x ,"y："+ y);
}
second({});
second({x:100});
second({x:100,y:200});

這種寫法在傳入多個(gè)形參時(shí)可以不按順序?qū)?/code>入，會(huì)方便很多，可是會(huì)有個(gè)問題，每次都要傳“{}”就會(huì)顯得很麻煩，于是我們可以再設(shè)置一次默認(rèn)值

三.雙重默認(rèn)值

function third({x = 1 ,y = 2} = {}) {
console.log("x："+x ,"y："+ y);
}
third();
third({x:100,y:200});
third({x:100});

這種寫法就不會(huì)出現(xiàn)易錯(cuò)的情況啦

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享JavaScript函數(shù)如何設(shè)置參數(shù)默認(rèn)值內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!