ES6知識點(diǎn)整理之函數(shù)對象參數(shù)默認(rèn)值及其解構(gòu)應(yīng)用示例
本文實例講述了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é)果。
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- es6函數(shù)之箭頭函數(shù)用法實例詳解
- es6數(shù)組的flat()，flatMap()函數(shù)用法實例分析
- ES6學(xué)習(xí)筆記之字符串、數(shù)組、對象、函數(shù)新增知識點(diǎn)實例分析
- ES6知識點(diǎn)整理之函數(shù)數(shù)組參數(shù)的默認(rèn)值及其解構(gòu)應(yīng)用示例
- JavaScript ES6箭頭函數(shù)使用指南
- ES6中Array.includes()函數(shù)的用法
- ES6中Array.find()和findIndex()函數(shù)的用法詳解
- ES6函數(shù)實現(xiàn)排它兩種寫法解析
相關(guān)文章
javascript數(shù)組對象的slice方法從數(shù)組中分離出一個子數(shù)組，功能類似于字符串對象的substring方法。今天我們就來詳細(xì)探討下javascript的這個不太常用的slice()方法。2015-04-04
JavaScript計算字符串中每個字符出現(xiàn)次數(shù)的小例子
這篇文章介紹了在JS中計算字符串中每個字符出現(xiàn)的次數(shù)，有需要的朋友可以參考一下2013-07-07
這篇文章主要介紹了js中數(shù)組排序sort方法的原理,以實例形式分析了sort排序方法的運(yùn)行機(jī)制,具有一定的參考借鑒價值,需要的朋友可以參考下2014-11-11
這篇文章主要介紹了Js中顯示日期和農(nóng)歷的代碼，很簡單，但很實用，有圖片，需要的朋友可以參考下2014-09-09
javascript移動設(shè)備Web開發(fā)中對touch事件的封裝實例
這篇文章主要介紹了javascript移動設(shè)備Web開發(fā)中對touch事件的封裝實例,分別對tap事件、doubleTap事件、longTap事件、swipe事件做了封裝,需要的朋友可以參考下2014-06-06
使用JavaScript實現(xiàn)隨機(jī)顏色生成器
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScript+CSS實現(xiàn)一個隨機(jī)顏色生成器，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動手嘗試一下2022-08-08
這篇文章主要介紹了JS實現(xiàn)的簡潔縱向滑動菜單(滑動門)效果,通過簡單的頁面元素遍歷實現(xiàn)華東切換的功能,具有一定參考借鑒價值,需要的朋友可以參考下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í)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-03-03
下面小編就為大家?guī)硪黄猨s中遍歷Map對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
基于layui的table插件進(jìn)行復(fù)選框聯(lián)動功能的實現(xiàn)方法
今天小編就為大家分享一篇基于layui的table插件進(jìn)行復(fù)選框聯(lián)動功能的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09