ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例

更新時(shí)間：2019年04月17日 11:51:07 作者：Johnny丶me

這篇文章主要介紹了ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用,結(jié)合實(shí)例形式分析了ES6函數(shù)對象參數(shù)相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用。分享給大家供大家參考，具體如下：

同函數(shù)數(shù)組參數(shù)一樣，函數(shù)的對象參數(shù)的默認(rèn)值和解構(gòu)過程整理

函數(shù)對象參數(shù)的默認(rèn)值與解構(gòu)的形式

此處使用箭頭函數(shù)來處理：

(({x,y})=>{
 console.log(x, y); // // undefined undefined
})({});
(({x=1,y=2})=>{
 console.log(x,y); // 1 2
})({});
(({x=3, y=4}={})=>{
 console.log(x,y); // 3 4
})();

注意傳值解析中可能的陷阱

function test4({x,y}={x:100,y:200}) {
 console.log(x,y);
}
test4({}); // undefined undefined
test4(); // 100 200

對象參數(shù)，數(shù)組參數(shù)和字符參數(shù)的結(jié)合使用

function test({x=1,y=2,z=3}={}, [a=11,b=22,c=33]=[],name='Joh') {
 console.log(x,y,z,a,b,c,name);
}
test(); // 1 2 3 11 22 33 "Joh"

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

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

您可能感興趣的文章:

相關(guān)文章

被遺忘的javascript的slice() 方法
javascript數(shù)組對象的slice方法從數(shù)組中分離出一個(gè)子數(shù)組，功能類似于字符串對象的substring方法。今天我們就來詳細(xì)探討下javascript的這個(gè)不太常用的slice()方法。
2015-04-04
JavaScript計(jì)算字符串中每個(gè)字符出現(xiàn)次數(shù)的小例子
這篇文章介紹了在JS中計(jì)算字符串中每個(gè)字符出現(xiàn)的次數(shù)，有需要的朋友可以參考一下
2013-07-07
js中數(shù)組排序sort方法的原理分析
這篇文章主要介紹了js中數(shù)組排序sort方法的原理,以實(shí)例形式分析了sort排序方法的運(yùn)行機(jī)制,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-11-11
顯示今天的日期js代碼(陽歷和農(nóng)歷)
這篇文章主要介紹了Js中顯示日期和農(nóng)歷的代碼，很簡單，但很實(shí)用，有圖片，需要的朋友可以參考下
2014-09-09
javascript移動設(shè)備Web開發(fā)中對touch事件的封裝實(shí)例
這篇文章主要介紹了javascript移動設(shè)備Web開發(fā)中對touch事件的封裝實(shí)例,分別對tap事件、doubleTap事件、longTap事件、swipe事件做了封裝,需要的朋友可以參考下
2014-06-06
使用JavaScript實(shí)現(xiàn)隨機(jī)顏色生成器
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript+CSS實(shí)現(xiàn)一個(gè)隨機(jī)顏色生成器，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動手嘗試一下
2022-08-08
JS實(shí)現(xiàn)的簡潔縱向滑動菜單(滑動門)效果
這篇文章主要介紹了JS實(shí)現(xiàn)的簡潔縱向滑動菜單(滑動門)效果,通過簡單的頁面元素遍歷實(shí)現(xiàn)華東切換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
js構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重與優(yōu)化詳解
這篇文章主要給大家介紹了關(guān)于js構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重與優(yōu)化的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03
js中遍歷Map對象的方法
下面小編就為大家?guī)硪黄猨s中遍歷Map對象的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07
基于layui的table插件進(jìn)行復(fù)選框聯(lián)動功能的實(shí)現(xiàn)方法
今天小編就為大家分享一篇基于layui的table插件進(jìn)行復(fù)選框聯(lián)動功能的實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09