ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用示例
本文實例講述了ES6知識點整理之函數(shù)對象參數(shù)默認值及其解構應用。分享給大家供大家參考,具體如下:
同函數(shù)數(shù)組參數(shù)一樣,函數(shù)的對象參數(shù)的默認值和解構過程整理
函數(shù)對象參數(shù)的默認值與解構的形式
此處使用箭頭函數(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ù)的結合使用
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數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
js實現(xiàn)的日期操作類DateTime函數(shù)代碼
感覺js自帶的Date類型對象用起來不是很方便,照著C#的DateTime做了一個2010-03-03
JavaScript 處理Iframe自適應高度(同或不同域名下)
Iframe自適應高度一直都備受關注,接下來為大家介紹下同域名下Iframe自適應高度的處理以及跨域時Iframe高度自適應,感興趣的朋友可以參考下哈2013-03-03
JavaScript中如何使用cookie實現(xiàn)記住密碼功能及cookie相關函數(shù)介紹
cookie是網站設計者放置在客戶端(瀏覽器)的小文本文件,cookie不僅能夠實現(xiàn)保存密碼功能,還可以通過cookie保存最近瀏覽記錄增加用戶體驗。本文給大家介紹js使用cookie實現(xiàn)記住密碼功能及cookie相關函數(shù)講解,感興趣的朋友一起看看吧2016-11-11

