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编程有所帮助。