ES6解构赋值-函数篇

Posted 2020-08-25 web全端小屋

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6解构赋值-函数篇相关的知识，希望对你有一定的参考价值。

函数参数的解构赋值

function sum(x, y) {
    return x + y;
}
sum(1,2);//3

//解构赋值
function sum([x, y]) {
    return x + y;
}
console.log( sum([1,2]) );//3

函数参数解构赋值的默认值

function fun({x = 0, y = 0} = {}) {
    return [x, y];
}


console.log( fun({}) ); //[0,0]
console.log( fun() ); //[0,0]
console.log( fun({x: 100}) ); //[100,0]
console.log( fun({x: 100, y: 200}) ); //[100,200]

函数参数的解构赋值的默认值undefined

function fun({x, y} = { x:0, y:0 }) {
    return [x, y];
}

console.log( fun({}) ); //[undefined,undefined]
console.log( fun() ); //[0,0] 没传参数实际上是对象的解构赋值
console.log( fun({x: 100}) ); //[100,undefined]
console.log( fun({x: 100, y: 200}) ); //[100,200]

以上是关于ES6解构赋值-函数篇的主要内容，如果未能解决你的问题，请参考以下文章