ES6知識點整理之函數對象參數默認值及其解構應用示例
更新時間：2019年04月17日 11:51:07 作者：Johnny丶me
這篇文章主要介紹了ES6知識點整理之函數對象參數默認值及其解構應用,結合實例形式分析了ES6函數對象參數相關使用技巧,需要的朋友可以參考下
本文實例講述了ES6知識點整理之函數對象參數默認值及其解構應用。分享給大家供大家參考，具體如下：
同函數數組參數一樣，函數的對象參數的默認值和解構過程整理
函數對象參數的默認值與解構的形式
此處使用箭頭函數來處理 ：
(({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
對象參數，數組參數和字符參數的結合使用
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代碼運行工具http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行結果。
更多關于JavaScript相關內容可查看本站專題：《javascript面向對象入門教程》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
感覺js自帶的Date類型對象用起來不是很方便，照著C#的DateTime做了一個2010-03-03
TypeScript同樣也可以結合構建工具一起使用，下邊以webpack為例介紹一下如何結合構建工具使用TypeScript，本文分步驟給大家介紹的非常詳細，需要的朋友參考下吧2021-06-06
這篇文章主要介紹了JS ES6多行字符串與連接字符串的表示方法,結合具體實例形式對比分析了ES6中的多行字符串與連接字符串的表示方法與相關操作技巧,需要的朋友可以參考下2017-04-04
這篇文章主要為大家詳細介紹了JS實現li標簽的刪除，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了JS實現css hover操作的方法,涉及javascript事件響應及頁面元素css屬性動態(tài)操作相關技巧,需要的朋友可以參考下2017-04-04
JavaScript 處理Iframe自適應高度(同或不同域名下)
Iframe自適應高度一直都備受關注，接下來為大家介紹下同域名下Iframe自適應高度的處理以及跨域時Iframe高度自適應，感興趣的朋友可以參考下哈2013-03-03
參考discuz的msn聊天功能代碼2008-05-05
Object.assign方法用于對象的合并，將源對象（ source ）的所有可枚舉屬性，復制到目標對象（ target ），下面這篇文章主要給大家介紹了關于ES6中新增的Object.assign()方法的相關資料，需要的朋友可以參考下。2017-09-09
JavaScript中如何使用cookie實現記住密碼功能及cookie相關函數介紹
cookie是網站設計者放置在客戶端（瀏覽器）的小文本文件，cookie不僅能夠實現保存密碼功能，還可以通過cookie保存最近瀏覽記錄增加用戶體驗。本文給大家介紹js使用cookie實現記住密碼功能及cookie相關函數講解，感興趣的朋友一起看看吧2016-11-11
下面小編就為大家?guī)硪黄猨s修改onclick動作的四種方法(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08