ES6知识点整理之函数对象参数默认值及其解构应用示例

本文实例讲述了ES6知识点整理之函数对象参数默认值及其解构应用。分享给大家供大家参考,具体如下:

　　

同函数数组参数一样,函数的对象参数的默认值和解构过程整理

　　 　　

<强>函数对象参数的默认值与解构的形式

　　

此处使用箭头函数来处理:

　　 　　 　　(({x, y})=祝辞{ 　　控制台。日志(x, y);////未定义的定义 　　})({}); 　　(({x=1, y=2})=祝辞{ 　　console.log (x, y);//1 2 　　})({}); 　　(({x=3, y=4}={})=祝辞{ 　　console.log (x, y);//3 4 　　})(); 　　 　　之前 　　 　　

<强>注意传值解析中可能的陷阱

　　 　　 　　函数test4 ({x, y}={x: 100 y: 200}) { 　　console.log (x, y); 　　} 　　test4 ({});//定义未定义 　　test4 ();//100 200 　　 　　之前 　　 　　

<强>对象参数,数组参数和字符参数的结合使用

　　 　　 　　功能测试({x=1, y=2, z=3}={}, (=11, b=22, c=33]=[], name=' (') { 　　console.log (x, y, z, a, b, c,名称); 　　} 　　测试();//1 2 3 11 22 33“乔” 　　 　　之前 　　 　　

感兴趣的朋友可以使用http://tools.jb51.net/code/HtmlJsRun测试上述代码运行结果。

　　

更多关于JavaScript相关内容可查看本站专题:《JavaScript面向对象入门教程》、《JavaScript查找算法技巧总结》,《JavaScript错误与调试技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

　　

希望本文所述对大家JavaScript程序设计有所帮助。

ES6知识点整理之函数对象参数默认值及其解构应用示例