本文實例講述了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程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。